@charset "utf-8";
.mask{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, .6);z-index:110;display: none; }
.layer-box{ position: absolute; top: 20%; left: 50%; margin-left: -453px; width: 906px; background-color: #fff; }
.layer-box .layer-inner{ padding: 40px 40px 10px; }
.layer-box .layer-close{ position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; background: url(../img/icon/layer-icons.png) no-repeat 3px -14px; cursor: pointer; }
.layer-box .tips{ margin-bottom: 20px; font-size: 15px; color: #666; }
.same-style-wrap{ margin-right: -15px; }
.same-style-list .item{ float: left; margin: 0 30px 30px 0; width: 250px; overflow: hidden; }
.pic-show{ position: relative; float: left; margin-right: 15px; width: 112px; }
.pic-show .icon-same{ position: absolute; top: 0; left: 0; padding: 2px 3px; background-color: #333; color: #fff; }
.commod-desc .tit{ margin-bottom: 14px; font-weight: 100; font-size: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.commod-desc .price{ font-size: 16px; }
.commod-desc .btn{ display: inline-block; margin-top: 38px; width: 58px; height: 22px; line-height: 22px; border: solid 1px #1ca395; color: #1ca395; border-radius: 2px; text-align: center; }
.commod-desc .cur{ background-color: #1ca395; color: #fff; }
.commod-desc .cur .icon{ display: inline-block; margin-right: 5px; width: 10px; height: 8px; background: url(../img/icon/layer-icons.png) no-repeat; }
.commod-desc .no-goods{ border-color: #a0a0a0; color: #a0a0a0; cursor: default; }


.scroll-box{ position: absolute; top: 15px; left: 50%; margin-left: -395px; width: 780px; color: #fff; text-align: center; }
.scroll-box .icon-close{ position: absolute; top: 10px; right: -70px; z-index: 10; width: 28px; height: 28px; background: url(../img/icon/layer-icons.png) no-repeat 0 -40px; cursor: pointer; }
.scroll-box .scroll-title{ margin: 20px 0; font-size: 18px; }
.scroll-box-con{ height: 866px; overflow: hidden; }
.scroll-box-item{ float: left; width: 780px; }
.scroll-pics-wrap{ position: relative; height: 552px; overflow: hidden; }
.scroll-show-pics{ height: 552px; overflow: hidden; }
.scroll-show-pics li{ float: left; width: 780px; height: 552px; }
.scroll-btn-control{ position: absolute; top: 50%; left: 0; margin-top: -35px; width: 100%; }
.scroll-btn-control span{ position: absolute; width: 35px; height: 70px; font: 100 70px/1 'Simsun'; 
-webkit-text-shadow: 0 0 6px #000; 
-moz-text-shadow: 0 0 6px #000;  
-ms-text-shadow: 0 0 6px #000; 
-o-text-shadow: 0 0 6px #000; 
text-shadow: 0 0 6px #000; cursor: pointer; color: rgba(255, 255, 255, .8); }
.scroll-btn-control .prev{ left: 30px; }
.scroll-btn-control .next{ right: 30px; }
.scroll-btn-control span:hover{ color: #fff; }
.collection-list-wrap{ margin: 20px 0; font-size: 0; }
.collection-show{ display: inline-block; }
.collection-inner{ display: inline-block; max-width: 530px; height: 68px; overflow: hidden; white-space: nowrap; vertical-align: middle; }
.collection-inner .collection-item{ position: relative; display: inline-block; margin: 0 5px; width: 96px; height: 68px; cursor: pointer; }
.collection-inner .collection-item:after{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, .4); }
.collection-inner .collection-item:hover:after{ background-color: rgba(0, 0, 0, 0); }
.collection-inner .cur:after{ border: solid 2px #1ca395; background-color: rgba(0, 0, 0, 0); }
.collection-show .prev, .collection-show .next{ display: inline-block; margin: 0 5px; width: 26px; height: 66px; border: solid 1px #888; font: 100 24px/66px 'Simsun'; cursor: pointer; vertical-align: middle; }
.collection-btn{ position: absolute; top: 630px; z-index: 1; width: 100%; }
.prev-collection, .next-collection{ position: absolute; width: 96px; height: 68px; background: url(../img/icon/scroll-icons.png) no-repeat; font-size: 14px; color: #6f6f6f; cursor: pointer; }
.collection-show .prev:hover, .collection-show .next:hover{ background-color: #484848; }
.prev-collection{ left: 70px; padding-left: 12px; }
.next-collection{ right: 70px; padding-right: 12px; }
.prev-collection p, .next-collection p{ margin: 15px 0 2px; }
.prev-collection strong, .next-collection strong{ font-size: 16px; font-weight: 100; }
.next-collection{ background-position: 0 -82px; }