@charset "utf-8";

/*goods列表页*/
.goodstitle{text-align: center;color: #fff;font-size: 35px;height: 80px; line-height:80px;font-weight: 400;}
.goodsclasslist{text-align: center;z-index: 999;width: 850px;margin:40px auto 0; height: 200px;}
.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: #977666;background: #f1eee9; font-size: 14px;}
.goodsclasslist li a{color: #fff}
.goodsclasslist li:hover{background: rgba(0,0,0,0.8);color: #fff}
.goodsclasslist .curr{background: rgba(0,0,0,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: 31%;float: left;margin:20px 10px;border: 1px solid #eee;}
.goodslist .goodsimg{width: 100%; overflow: hidden;cursor: pointer;text-align: center;height: 280px;}
.goodslist .goodsimg img{max-width: 100%;transition:all 0.8s;max-height: 100%}

.goodslist li:hover{box-shadow: 0px 0px 20px #ccc;}
.goodslist .title{height: 50px; line-height: 25px;background: #fdd118;padding: 5px 10px;margin: 0; overflow: hidden; font-size: 14px;text-align:center;}
.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-height: 680px;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:100%;}
.goodsinfo .content p:nth-child(1){text-align:center; font-size: 20px;font-weight: bold;margin-bottom: 30px}





.bigimg{position: fixed; width: 0; left: 50%; top: 50%; transform: translate(-50%,-50%);opacity: 0; background: #fff;text-align:center;overflow: hidden;box-shadow: 2px 2px 10px #000;max-height:650px;z-index: 100}
.bigimg .desc{position: relative;}
.bigimg img{max-width: 100%;max-height: 600px;}
.bigimg .title{ height: 50px; line-height: 30px;position: relative; font-size: 18px;color: #000}
.bigimg .title i{ position: absolute; right: 0; top:0;display: inline-block; width:33px; height: 33px; background: url(../images/closed.png) center no-repeat;cursor: pointer;}
.bigimg .previnfo{background: url(../images/prev_info.png) center no-repeat; background-size: 70%; width:50px; height: 100px; position: absolute; left: -20px ; top:40%;cursor: pointer;}
.bigimg .nextinfo{background: url(../images/next_info.png) center no-repeat; background-size: 70%; width:50px; height: 100px; position: absolute; right: -20px ; top:40%;cursor: pointer;}
.bigimg .msg{position: absolute; left:50%; top:50%; font-size: 14px;padding:3px 10px;background: rgba(0,0,0,0.5);color: #ff0000;opacity: 0;}