@charset "utf-8";

/*goods列表页*/
.goodstitleen{font-size: 50px; text-align:center;font-weight: bold;color: #fff;padding-top: 30px;}
.goodstitle{font-size: 30px; text-align:center;font-weight: bold;color: #fff}
.goodsclasslist{text-align: center;margin-top:40px;z-index: 999}
.goodsclasslist li{width:200px; text-align:center; height: 35px; line-height:35px;border:1px solid #ccc;margin-right:5px;margin-bottom: 20px;display: inline-block;position: relative;color: #fff;background: rgba(255,255,255,0.3);
}
.goodsclasslist li a{color: #fff}
.goodsclasslist li:hover{background: rgba(0,0,0,0.8);color: #fff}
.goodsclasslist .curr{background: rgba(247,0,23,0.8);color: #fff}
.goodsclasslist .curr a{color: #fff}


.twolist {display: none;position: absolute; top:35px; left: 0;z-index: 999}
.twolist ol{width:200px; text-align:center; height: 45px; line-height:45px;color: #fff;background: rgba(0,0,0,0.8);transition: all 0.6s;}
.twolist ol a{color: #fff}
.twolist ol:hover{background: rgba(189,112,39,0.8);color: #fff;padding-left: 10px;}
.goodslist{width: 100%;z-index: 888;}
.goodslist ul{overflow: hidden;padding-top: 20px;}
.goodslist li{width: 23%;float: left;margin:20px 10px;border: 1px solid #eee;}
.goodslist .goodsimg{width: 258px; height: 258px;overflow: hidden;margin: 10px auto;text-align: center;}
.goodslist .goodsimg img{max-width: 100%;transition:all 0.8s;max-height: 100%}
.goodslist .goodsimg img:hover{transform: scale(1.4);}
.goodslist li:hover{box-shadow: 0px 0px 20px #ccc;}
.goodslist .title{height: 50px; line-height: 25px;background: #eee;padding: 5px 10px;margin: 0; overflow: hidden;}
.goodslist .curr{background: #000;color: #fff;transition:background 0.5s;}
/*goods详情页*/
.goodsinfo .title{margin:0 auto; width: 50%;padding-top:50px;}
.goodsinfo .title li{height: 40px; line-height:40px;}
.goodsinfo .title li:nth-child(1){ font-size: 20px; font-weight: bold; }
.goodsinfo .title span{position: absolute; right: 200px; top:20px;font-size: 20px; font-weight: bold;padding: 2px 5px; cursor: pointer;}
.goodsinfo .imgbig{text-align: center;position:relative;padding-top: 50px;}
.goodsinfo .imgbig span{display: none;position: absolute;}
.goodsinfo .imgbig span img{width: 100px}
.goodsinfo .imgbig .prev_info{left: -50px; top:100px;}
.goodsinfo .imgbig .next_info{right: -50px;top:100px;}
.goodsinfo .imgbig div img{max-width: 1200px;}

.goodsinfo .sharelist{margin-top:50px;text-align:center;}
.goodsinfo .aline{border-top:1px solid #ddd;margin: 40px auto 0;}
.goodsinfo .content{line-height:25px;font-size: 16px; padding-top:40px;}
.goodsinfo .content img{display: block;margin: 0 auto;max-width: 800px;}
.goodsinfo .content p:nth-child(1){text-align:center; font-size: 20px;font-weight: bold;margin-bottom: 30px}