@charset "utf-8";

/*goods列表页*/
.goodstitle{text-align: center;color: #000;font-size: 30px;height: 80px; line-height:80px;font-weight: bold;}
.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;}
.goodsclasslist li a{color: #333}
.goodsclasslist li a:hover{color: #fff}
.goodsclasslist li:hover{background: #000;color: #fff}
.goodsclasslist .curr{background: #000;color: #fff}
.goodsclasslist .curr a{color: #fff}
.goodsclasslist .curr a:hover{color: #fff}
.goodsclasslist a:hover{color: #fff}

.twolist {display: none;position: absolute; top:35px; left: 0;z-index: 999}
.twolist ol{width:200px; text-align:center; height: 50px; line-height:50px;color: #fff;background: #000;}
.twolist ol a{color: #fff}
.twolist ol:hover{background: #bd7027;color: #fff;}
.goodslist{width: 100%;z-index: 888}
.goodslist ul{margin: 20px auto; overflow: auto;}
.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:30px auto; width: 50%}
.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}
.goodsinfo .imgbig span{display: none;position: absolute;}
.goodsinfo .imgbig span img{width: 100px}
.goodsinfo .imgbig .prev_info{left: -50px; top:-30px;}
.goodsinfo .imgbig .next_info{right: -50px;top:-30px;}
.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;}
.goodsinfo .content{line-height:25px;font-size: 16px}
.goodsinfo .content img{display: block;margin: 0 auto;max-width: 800px; max-height: 800px}
.goodsinfo .content p:nth-child(1){text-align:center; font-size: 20px;font-weight: bold;margin-bottom: 30px}