#pagenav{
    margin-bottom: 50px;
    margin-top: 30px;
}
#pagenav a b{
    background: #d6a565;
    color: #fff;
    padding: 0 5px;
    border-radius: 3px;
}
#products ul ,
.productInfo ,
.productInfo .pImage .bd ul{overflow:hidden;}
#products ul li{float:left;margin:10px 1% 20px;width:31.33%;border-bottom:1px solid #faeddd;padding-bottom:10px;}
#products ul li .productPhoto a{overflow:hidden;position:relative;}
#products ul li .productPhoto a:after{position:absolute;width:100%;height:100%;top:-100%;background:url(/images/11/index/logo.png) rgba(87,61,27,0.4) no-repeat 50%;display:block;content:"";transition:all 0.4s ease;}
#products ul li:hover .productPhoto a:after{top:0;}
#products ul li h3{margin:5px 0;}
#products ul li h3 a{margin:0;height:30px;color:#191919;font-weight:bold;display:block;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:30px;}
#products ul li a.more{color:#ffffff;display:inline-block;background:#d1b084;padding:1px 10px;border-radius:5px;font-size:12px;}
#products ul li p{overflow:hidden;font-size:14px;height:24px;margin-bottom:5px;}
#products ul li p span{float:right;}
#products ul li p span.old{float:left;text-decoration:line-through;color:#959595;font-style:italic;}
#products ul li p span b{font-size:18px;margin:0 5px;color:#db1414;vertical-align:bottom;}
#products ul li p span.old b{font-size:14px;margin:0;color:#9d9d9d;}
.productInfo .pImage{float:left;width:360px;}
.productInfo .pInfo{float:right;width:calc(100% - 400px);}
.productInfo .pImage li{overflow:hidden;background-position:50% 50%;background-repeat:no-repeat;background-size:auto 100%;display:block;}
.productInfo .pImage li img{width:100%;max-width:inherit;}
.productInfo .pImage .hd ul{text-align:center;}
.productInfo .pImage .hd ul li{margin:10px 5px;width:15px;height:15px;border-radius:50%;background:#d1b084;display:inline-block;text-indent:-999px;}
.productInfo .pImage .hd ul li.on ,
.productInfo .pImage .hd ul li:hover{background:#a68b68;}
.productInfo .pInfo{color:#5d5d5d;font-size:12px;padding:20px 0 0;}
.productInfo .pInfo h3{line-height:140%;font-size:24px;color:#434343;}
.productInfo .pInfo article{font-size:15px;color:#707070;}
.productInfo .pInfo .payBox{margin:20px 0 0;color:#807f7f;border-left:1px solid #d1b084;padding:10px 30px;}
.productInfo .pInfo .payBox p{margin:0;}
.productInfo .pInfo .payBox div p:first-child{font-size:12px;text-decoration:line-through;color:#898989;font-style:italic;}
.productInfo .pInfo .payBox p.price{font-size:20px;margin-bottom:20px;}
.productInfo .pInfo .payBox article{text-decoration:underline;}
.productInfo .pInfo p{font-size:16px;font-weight:bold;color:#3a3939;margin-top:10px;}
.productInfo .pInfo p.ProductNO{font-size:14px;color:#999;margin-top:0;font-weight:normal;}
.productInfo .pInfo p.price{font-size:22px;color:#dc1d1d;}
.productInfo .pInfo p input{padding:0 10px;width:50px;display:inline-block;vertical-align:text-bottom;}
.productInfo .pInfo p.buy{padding-top:5px;display:inline-block;}
.productInfo .pInfo p.buy a{padding:10px;width:144px;background:#936e3d;display:block;color:#fff;font-size:14px;}
.productInfo .pInfo p.buy a i{margin-left:50px;}
.productInfo .pInfo p.buy a:hover i{animation:animatedIcon .5s;-webkit-animation:animatedIcon .5s;-moz-animation:animatedIcon .5s;-ms-animation:animatedIcon .5s;-o-animation:animatedIcon .5s;}
@keyframes animatedIcon{0%{margin-left:50px;}
25%{margin-left:45px;}
50%{margin-left:50px;}
75%{margin-left:45px;}
100%{margin-left:50px;}
}
@-o-keyframes animatedIcon{0%{margin-left:50px;}
25%{margin-left:45px;}
50%{margin-left:50px;}
75%{margin-left:45px;}
100%{margin-left:50px;}
}
@-webkit-keyframes animatedIcon{0%{margin-left:50px;}
25%{margin-left:45px;}
50%{margin-left:50px;}
75%{margin-left:45px;}
100%{margin-left:50px;}
}
@-moz-keyframes animatedIcon{0%{margin-left:50px;}
25%{margin-left:45px;}
50%{margin-left:50px;}
75%{margin-left:45px;}
100%{margin-left:50px;}
}
@-ms-keyframes animatedIcon{0%{margin-left:50px;}
25%{margin-left:45px;}
50%{margin-left:50px;}
75%{margin-left:45px;}
100%{margin-left:50px;}
}
.prod-art #products{margin-top:50px;}
.prod-art .pro-article{overflow:hidden;margin-bottom:10px;position:relative;}
.prod-art .pro-article ul.tabs{width:100%;height:30px;border-bottom:1px #d1b084 solid;overflow:visible;}
.prod-art .pro-article ul.tabs li{margin:0 3px -1px 0;height:29px;float:left;overflow:hidden;position:relative;}
.prod-art .pro-article ul.tabs li a{padding:0 25px;height:29px;display:block;text-align:center;line-height:35px;color:#757575;}
.prod-art .pro-article ul.tabs li.active{border:1px #d1b084 solid;border-bottom:1px #fff solid;color:#d1b084;}
.prod-art .pro-article ul.tabs li.active a{color:#231F1F;font-weight:bold;}
.prod-art .pro-article .tab_container{clear:left;margin:15px 0 0;width:100%;}
.prod-art .pro-article .tab_container .tab_content{margin:0 10px;line-height:170%;font-size:16px;}
#products .otherTit{background:url(/images/11/main/img-other.png) repeat-x 0 50%;text-align:center;}
#products .otherTit p{padding:0 15px;color:#d1b084;background:#fff;display:inline-block;font-size:27px;font-weight:normal;}
#products .otherTit span{font-size:40px;vertical-align:initial;}
@media screen and (min-width:1024px){#products ul li a.more:hover{background:#8d6e45;}
}
@media screen and (max-width:768px){.productInfo .pImage{float:none;margin:0 auto;}
.productInfo .pInfo{float:none;margin:0 auto;width:90%;}
}
@media screen and (max-width:640px){#products ul li{width:48%;}
#products .otherTit p{font-size:20px;}
#products .otherTit span{font-size:30px;}
.prod-art .pro-article ul.tabs li a{padding:0 15px;}
}
@media screen and (max-width:450px){#products ul li p span b{margin:0 2px;}
#products ul li p span.old{margin-top:3px;}
#products ul li p span.old,
#products ul li p span.old b{font-size:7pt;}
.productInfo .pImage{width:300px;}
.productInfo .pInfo{width:90%;}
}