@charset "utf-8";
.MAIN{

}

.product_ss{padding:80px 0 100px 0;width:1256px;margin:0 auto;text-align: center;}
.product_ss .boxs{display:inline-block;width:400px;margin:0 28px 25px 0;position:relative;height:547px;position: relative;}
.product_ss .boxs .icon_new{position: absolute;right: 0;top:0;z-index: 10;}
.product_ss .boxs:hover{outline:2px solid #ddd;}
.product_ss .boxs.nomargin{display:inline-block;margin:0 0 25px 0;}
.product_ss .boxs .eff{width:400px;height:447px;position: absolute;left:0;top:0;opacity: 1;}
.product_ss .boxs .cp{width:400px;height:547px;position: absolute;left:0;top:0;}
.product_ss .boxs img{vertical-align: top;}
.product_ss .boxs .name{width:400px;height:100px;font-size:17px;font-family: 'arial';background:#fff;text-align: center;position: absolute;left:0;bottom:0;}
.product_ss .boxs .name span{padding:18px 0 0 0;display: block;line-height: 25px;}
.product_ss .boxs .name span:nth-child(2){padding:14px 0 0 0;}
.product_ss .boxs .name span b{font-weight: normal;}
.product_ss .boxs:hover .eff{opacity:0;}
.product_ss .boxs:hover .name{background:none;}
.product_ss .pages{
    font-size: 15px;
    padding:15px 0 0 0;
    color:#666;
}

.type_info{padding:90px 0 0 0;color:#555;}
.type_info *{font-family:'arial';}


@media screen and (max-width:600px)
{
    .product_ss{padding:20px 0 22px 0;width:100%;margin:0 auto;}
    .product_ss .boxs{display:inline-block;width:46%;margin:0 0 25px 2.5%;position:relative;height:auto;position: relative;background:#fff;padding:10px 0 0 0 ;}
    .product_ss .boxs:hover{outline:1px solid #bbb;}
    .product_ss .boxs.nomargin{display:inline-block;margin:0 0 25px 2.5%;}
    .product_ss .boxs .eff{width:100%;height:auto;position:relative;left:0;top:0;opacity: 1;display:none;}
    .product_ss .boxs .cp{width:100%;height:auto;position: relative;left:0;top:0;}
    .product_ss .boxs .cp img{height:40vh;}
    .product_ss .boxs img{vertical-align: top;width:100%;height:auto;}
    .product_ss .boxs .icon_new{position: absolute;right: 10px;top:10px;z-index: 10;width:30px;height: auto;}
    .product_ss .boxs .name{width:80%;height:auto;font-size:15px;font-family: 'arial';background:#fff;text-align: center;position: inherit;left:inherit;bottom:inherit;margin:0 auto;}
    .product_ss .boxs .name .no{height:38px;line-height: 18px;padding: 10px 0 0 0;letter-spacing: 0px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;font-size: 12px;}
    .product_ss .boxs .name .no b{display: block;font-weight: normal;}
    .product_ss .boxs .name .size{height:22px;line-height: 22px;font-size:12px;padding:1px 0 6px 0;color:#aaa;}
    .product_ss .boxs .name span:nth-child(2){padding:1px 0 6px 0;}
    .product_ss .boxs:hover .eff{opacity:0;}
    .product_ss .boxs:hover .name{background:#fff;}
}
