/*!Name: preview.css
 * Date: 2025-8-1 0:1:23 */
.preview{position:relative}
.preview .center-layer{border-radius:8px;overflow:hidden}
.preview .video-play-icon{width:32px;height:32px;position:absolute;top:50%;left:50%;margin-left:-16px;margin-top:-16px;background:url(https://img11.360buyimg.com/imagetools/jfs/t1/257894/4/3508/1579/676cc6adF966af6a5/a24e08cf2c65f8ea.png) left top/100% 100% no-repeat;cursor:pointer}
.preview .video-player-dimensions{width:720px;height:720px;border-radius:8px}
.preview .preview-btn{position:absolute;z-index:7;left:0;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:center;text-align:center;top:50%;margin-top:-50px}
.preview .preview-btn .video-icon{width:100px;height:100px;display:block;background:url(https://img12.360buyimg.com/imagetools/jfs/t1/268427/6/7334/5868/677778bfFdfcd1873/09c35cebfaf51498.png) left top/100% 100% no-repeat;cursor:pointer}
.preview .main-img{width:720px;height:720px;text-align:center;background:#fff;border-radius:8px; overflow:hidden;}
.preview .main-img>div:nth-child(1){display:inline-block;position:relative}
.preview .main-img i{position:absolute;right:0;bottom:0;width:30px;height:30px;}
.preview .jqzoom{position:relative;padding:0;float:right}
.preview .zoomdiv{z-index:1000;position:absolute;top:0;left:771px;width:770px;height:770px;background:url(//static.360buyimg.com/item/main/1.0.12/css/i/loading.gif) center center no-repeat #fff;display:none;text-align:center;overflow:hidden;box-sizing:border-box;border-radius:8px}
.root61 .clothing .preview .zoomdiv{left:771px}
.preview .bigimg{width:1440px}
.preview .jqZoomPup{z-index:3;visibility:hidden;position:absolute;top:0;left:0;width:50px;height:50px;border-radius:5px;background:rgba(255,235,239,.5);cursor:move}
.preview .spec-list{position:relative;float:left}
.preview .spec-list .arrow-next,.preview .spec-list .arrow-prev{width:114px;height:24px;border-radius:4px;border:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center;position:absolute;cursor:pointer;z-index:2;box-sizing:border-box;background:#fff}
.preview .spec-list .arrow-next i,.preview .spec-list .arrow-prev i{display:block}
.preview .spec-list .arrow-next.disabled,.preview .spec-list .arrow-prev.disabled{display:none}
.preview .spec-list .arrow-prev{top:0}
.preview .spec-list .arrow-prev .sprite-arrow-prev{width:12px;height:12px;background:url(https://img13.360buyimg.com/imagetools/jfs/t1/261254/24/4000/566/676e4bc1F503ba8a9/6d1a84d14e57f629.png) left top/100% 100% no-repeat}
.preview .spec-list .arrow-next{bottom:0}
.preview .spec-list .arrow-next .sprite-arrow-next{width:12px;height:12px;background:url(https://img14.360buyimg.com/imagetools/jfs/t1/260409/1/4004/517/676e4b5aF4164c995/296d825f3f929a6a.png) left top/100% 100% no-repeat}
.preview .spec-items ul{height:3000px}
.preview .spec-items ul li{float:left;margin-bottom:7px;position:relative;width:114px;height:114px;border:1px solid rgba(0,0,0,.06);box-sizing:border-box;border-radius:6px;cursor:pointer;overflow:hidden}
.ctCloth .preview .spec-items ul li .thumb_video{padding:6px 0}
.preview .spec-items ul li img{height:100%;display:block;margin:0 auto}
.preview .spec-items ul li img.thumb_video{width:54px;height:54px;border:2px solid #fff}
.clothing .preview .spec-items ul li img.thumb_video{width:50px;height:auto}
.preview .spec-items ul li.img-hover,.preview .spec-items ul li:hover{border:1px solid #ff0f23}
.preview #spec-img{height:720px;display:block;border-radius:8px}
.preview .preview-info{display:none}
.preview .preview-info .left-btns{float:left}
.preview .preview-info .left-btns a{cursor:pointer;margin-right:2px}
.preview .preview-info .left-btns a i{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;margin-right:5px}
.preview .preview-info .left-btns a:hover{color:#e3393c}
.preview .preview-info .left-btns .follow i{width:14px;height:13px;}
.preview .preview-info .left-btns .share i{width:15px;height:14px;}
.preview .preview-info .left-btns .compare i{width:15px;height:16px;}
.preview .preview-info .right-btns{float:right}
.preview .purchase-op{padding-top:30px;text-align:center;display:none}
.preview .purchase-op .volume-purchase{display:inline-block;line-height:26px;padding:0 16px;border:1px solid #ccc;color:#666}
.preview .purchase-op .volume-purchase:hover{border-color:#e3393c}
.preview iframe{display:block}
#v-video.ie9 .vjs-fullscreen-control,.ebook .preview .img-tips{display:none}
.preview .p-watermark{position:absolute;left:5px;bottom:5px;z-index:2;width:56px;height:63px}
.preview .video{position:absolute;width:720px;height:720px;top:0;right:0;z-index:20!important}
.preview .video .has-3d-show{left:90px}
.preview .video .close-video{position:absolute;right:15px;top:15px;width:12px;height:12px;}
.root61 .preview .zoomdiv{left:736px!important}
.root61 .preview .preview-info{height:20px}
.root61 .preview .spec-list .spec-items{width:114px;height:720px!important;overflow:hidden}
.ebook .preview .btn-read{z-index:7;position:absolute;bottom:0;left:50%;width:137.5px;height:105.5px;margin-left:-68.75px}
.ebook .preview #spec-img{margin:0 auto}
.ebook .itemInfo-wrap .news .item{white-space:normal}
.preview-layer{width:940px;height:580px;background:#fff}
.preview-layer .layer-tab{border-bottom:1px solid #e4e4e4;padding-bottom:29px;*padding:0;*zoom:1}
.preview-layer .layer-tab li{float:left}
.preview-layer .layer-tab a{display:block;width:90px;line-height:28px;border:1px solid #e4e4e4;border-bottom:none;text-align:center;color:#666;text-decoration:none;font-size:12px}
.preview-layer .layer-tab .current a{height:29px;border:none;background:#e4393c;color:#fff}
.preview-layer .layer-con{height:570px}
.preview-layer .layer-con .panorama-show{position:relative;width:940px;height:570px;text-align:center}
.preview-layer .layer-con .panorama-show .panorama-img{position:absolute;top:50%;left:50%;margin-top:-267px;margin-left:-267px}
.preview-layer .layer-con .panorama-show .panorama-tips{text-align:center;display:none}
.preview-layer .layer-con .p-tips .panorama-img{margin-top:-59px;margin-left:-115px;width:230px;text-align:center}
.preview-layer .layer-con .p-tips .panorama-tips{display:block}
.preview-layer .layer-img{width:750px;height:550px;float:left;text-align:center}
.preview-layer .layer-img img{vertical-align:middle}
.preview-layer .layer-img span{display:inline-block;width:1px;height:550px;vertical-align:middle}
.preview-layer .layer-side{width:175px;float:right;padding-top:20px;color:#666;font-size:12px}
.preview-layer .layer-side .pro-name{max-height:66px;font-size:14px;font-weight:400;line-height:160%;overflow:hidden}
.preview-layer .layer-side .pro-price{padding:5px 0 8px}
.preview-layer .layer-side .pro-price span{font-size:18px;color:#e4393c}
.preview-layer .layer-side .side-list{border:1px solid #e4e4e4;padding:14px;margin-top:15px}
.preview-layer .layer-side .side-list ul{overflow:hidden;zoom:1}
.preview-layer .layer-side .side-list li{width:145px;float:left}
.preview-layer .layer-side .side-list li a{float:left;width:56px;margin:6px;padding:1px;border:1px solid #e4e4e4}
.preview-layer .layer-side .side-list li .current,.preview-layer .layer-side .side-list li a:hover{padding:0;border:2px solid #e4393c}
.preview-layer .layer-side .side-list img{width:56px;height:56px}
.preview-layer .layer-side .side-list .list-page{text-align:center;padding:30px 0 15px}
.preview-layer .layer-side .side-list .list-page .next,.preview-layer .layer-side .side-list .list-page .prev{display:inline-block;height:11px;border:1px solid #e4e4e4;padding:4px 6px;line-height:0;margin:0 10px;vertical-align:-2px}
.preview-layer .layer-side .side-list .list-page .prev i{display:inline-block;width:0;height:0;border-top:6px dashed rgba(0,0,0,0);border-right:6px solid #666;border-left:0 dashed rgba(0,0,0,0);border-bottom:6px dashed rgba(0,0,0,0)}
.preview-layer .layer-side .side-list .list-page .prev:hover i{border-right-color:#e4393c}
.preview-layer .layer-side .side-list .list-page .prev.disabled{cursor:default}
.preview-layer .layer-side .side-list .list-page .prev.disabled i{border-right-color:#999}
.preview-layer .layer-side .side-list .list-page .next i{display:inline-block;width:0;height:0;border-top:6px dashed rgba(0,0,0,0);border-left:6px solid #666;border-right:0 dashed rgba(0,0,0,0);border-bottom:6px dashed rgba(0,0,0,0)}
.preview-layer .layer-side .side-list .list-page .next:hover i{border-left-color:#e4393c}
.preview-layer .layer-side .side-list .list-page .next.disabled{cursor:default}
.preview-layer .layer-side .side-list .list-page .next.disabled i{border-left-color:#999}
@media (max-width: 1679px)
.preview .spec-list .spec-items {
    width: 88px!important;
    height: 552px!important;
}
@media (max-width: 1679px)
.preview .spec-list {
    height: 552px;
}
.preview .spec-list {
    position: relative;
    float: left;
}