#pageslide {
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    width: 100%;
    background-color: #000;
    color: #FFF;
}
.pro_home_show>ul a.second{
    font-size: 16px;
    line-height: 35px;
    display: block;
    width: 100%;
    background: #000;
    color: #FFF;
}
.pro_home_show>ul a:hover.second{color:#00a2e9;}
#modal li{ position: relative; float: left; width: 50%; background-color: #f5f5f5; height: 450px; overflow: hidden}
#modal li{width: calc(100% / 3);height:900px;}
#modal li:nth-child(1){background-color: #FFF;}
#modal li:nth-child(3){background-color: #efefef;}
#modal li .pro_names{position: absolute;left: 100px;top: 155px;line-height: 1;z-index: 1;text-align: left;}
#modal li .pro_names .EN{ color: #00191a; font-size: 50px; font-weight: bold;font-family: 'Swiss721BTBlackCondensed'; margin-bottom: 20px; text-transform: uppercase;}
#modal li .pro_names .CN{ color: #00191a; font-size:26px; font-weight: bold;}
#modal li .pro_unmbers{ position: absolute; right: 50px; top: 50px; line-height: 1; z-index: 1;font-family: 'Swiss721BTBlackCondensed'; font-size:300px;color:rgba(0,107,110,0.05) }
/*.pro_home_show>ul>li .pro_pic{ position: absolute; right: 50px; top: 0px; height: 100%; line-height: 1; z-index:2; }*/
#modal li .pro_pic {
  display: block;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(10%, -50%);
  max-height: 70%;
  max-width:70%;z-index:2;
}
#modal li .pro_pic {left:10%;top: 70%;}
#modal li  label { position: absolute; left: 50px; bottom: 50px; line-height: 1; z-index:4; text-align: left;background: url("../image/more_icon.png") left center no-repeat;
  display: inline-block; background-size:auto 100% ;
  cursor: pointer;
  height: 32px;
  font-size: 16px;
  color: #00191a;
  line-height: 32px; padding-left: 50px;
}
#modal li  label span{ padding-bottom: 5px; border-bottom: #00191a 1px solid;}
#modal li:hover  label { position: absolute; left: 50px; bottom: 50px; line-height: 1; z-index:4; text-align: left;background: url("../image/more_icon2.png") left center no-repeat;
  display: inline-block; background-size:auto 100% ;
  cursor: pointer;
  height: 32px;
  font-size: 16px;
  color: #fff;
  line-height: 32px; padding-left: 50px;
}
#modal li:hover  label span{ padding-bottom: 5px; border-bottom: #fff 1px solid;}

/*.pro_home_show>ul>li:last-child:hover  label { position: absolute; left: 50px; bottom: 50px; line-height: 1; z-index:4; text-align: left;background: url("../image/more_icon.png") left center no-repeat;
  display: inline-block; background-size:auto 100% ;
  cursor: pointer;
  height: 32px;
  font-size: 16px;
  color: #00191a;
  line-height: 32px; padding-left: 50px;
}
.pro_home_show>ul>li:last-child:hover  label span{ padding-bottom: 5px; border-bottom: #00191a 1px solid;}*/

#modal li .Suspended_produsts{ position: absolute; left: 0; top:-100%; height: 100%; width: 100%; line-height: 1; z-index:3; text-align: left;background-color: #00a2e9a8;-moz-transition: 0.4s;
-ms-transition: 0.4s;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;}
#modal li:hover .Suspended_produsts{ top: 0}
#modal li .Suspended_produsts ul{ margin:50px;  text-align: left; height: 300px; color: #fff}
#modal li .Suspended_produsts ul li{display: inline-block;width: 80%;background-color: #0000;}
#modal li .Suspended_produsts ul li a{display: block;padding: 15px 0;background: url("../image/jiantou.png") center center no-repeat;color: #ffffff;padding-left: 100px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;}
#modal li:hover .Suspended_produsts{ display: block}