/*!Name: preview.css
 * Date: 2024-7-16 15:27:27 */
.preview{position:relative}.preview .preview-btn{position:absolute;z-index:7;bottom:62px;left:0;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:center;text-align:center}.preview .preview-btn li{display:inline-block;margin:0 5px;vertical-align:text-top}.preview .preview-btn .btn-3d{display:inline-block;width:50px;height:50px;background:url(../image/main-circles.png) -110px 0 no-repeat}.preview .preview-btn .btn-3d:hover{background:url(../image/main-circles.png) -165px 0 no-repeat}.preview .preview-btn .btn-3d.vr-single-pic{background:url(../image/main-circles.png) no-repeat}.preview .preview-btn .btn-3d.vr-single-pic:hover{background:url(../image/main-circles.png) -55px 0 no-repeat}.preview .preview-btn .vr-single-pic em span{margin-left:4px}.preview .preview-btn .video-icon{cursor:pointer;display:inline-block;width:50px;height:50px;background:url(../image/main-circles.png) 0 -55px no-repeat}#v-video.ie9 .vjs-fullscreen-control,.ebook .preview .spec-list,.preview .zoomdiv{display:none}.preview .preview-btn .video-icon:hover{background:url(../image/main-circles.png) -55px -55px no-repeat}.preview .main-img{border:1px solid #eee;margin-bottom:20px;_zoom:1}.preview .main-img i{position:absolute;right:0;bottom:0;width:30px;height:30px;background-image:url(../image/__sprite14.png);background-position:0 -24px}.preview .jqzoom{position:relative;padding:0}.preview .zoomdiv{z-index:18;position:absolute;top:0;left:351px;width:400px;height:400px;background:url(../image/loading1.gif) center center no-repeat #fff;border:1px solid #e4e4e4;text-align:center;overflow:hidden;_zoom:1}.root61 .clothing .preview .zoomdiv{left:352px}.preview .bigimg{width:800px}.preview .jqZoomPup{z-index:3;visibility:hidden;position:absolute;top:0;left:0;width:50px;height:50px;border:1px solid #aaa;background:50% top no-repeat #fede4f;opacity:.5;-moz-opacity:.5;-khtml-opacity:.5;filter:alpha(Opacity=50);cursor:move}.preview .spec-list{margin-bottom:18px;position:relative;_zoom:1}.preview .spec-list .arrow-next,.preview .spec-list .arrow-prev{display:block;width:22px;height:32px;float:left;position:absolute;cursor:pointer;top:50%;margin-top:-16px}.preview .spec-list .arrow-next i,.preview .spec-list .arrow-prev i{display:block}.preview .spec-list .arrow-prev{left:0}.preview .spec-list .arrow-prev .sprite-arrow-prev{width:22px;height:32px;background-image:url(../image/__sprite14.png);background-position:0 -54px}.preview .spec-list .arrow-prev:hover i{background:url(../image/hover-prev.png)}.preview .spec-list .arrow-prev.disabled i{background:url(../image/disabled-prev.png)}.preview .spec-list .arrow-next{right:0}.preview .spec-list .arrow-next .sprite-arrow-next{width:22px;height:32px;background-image:url(../image/__sprite14.png);background-position:-78px 0}.preview .spec-list .arrow-next:hover i{background:url(../image/hover-next.png)}.preview .spec-list .arrow-next.disabled i{background:url(../image/disabled-next.png)}.preview .spec-items{width:224px;margin:0 auto;overflow:hidden}.preview .spec-items ul{width:2000px}.preview .spec-items ul li{float:left;margin:0 9px;max-width:60px;max-height:70px}.ctCloth .preview .spec-items ul li .thumb_video{padding:6px 0}.preview .spec-items ul li img{border:2px solid #fff;*padding-bottom:1px}.preview .spec-items ul li img.thumb_video{width:54px;height:54px;background:url(../image/thumb-video-1.png) center center no-repeat;border:2px solid #fff}.clothing .preview .spec-items ul li img.thumb_video{width:50px;height:auto}.preview .spec-items ul li.img-hover img,.preview .spec-items ul li:hover img{border:2px solid #e53e41}.preview #spec-img{min-height:300px}.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;background-image:url(../image/__sprite14.png);background-position:-44px -40px}.preview .preview-info .left-btns .share i{width:15px;height:14px;background-image:url(../image/__sprite14.png);background-position:-45px -24px}.preview .preview-info .left-btns .compare i{width:15px;height:16px;background-image:url(../image/__sprite14.png);background-position:-30px -24px}.preview .preview-info .right-btns{float:right}.preview .purchase-op{padding-top:30px;text-align:center}.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}.preview .p-watermark{position:absolute;left:5px;bottom:5px;z-index:2;width:56px;height:63px}.preview .video{position:absolute;top:0;left:0;z-index:1000!important;height:450px}.preview .video .has-3d-show{left:90px}.preview .video .close-video{position:absolute;right:15px;top:15px;width:12px;height:12px;background-image:url(../image/__sprite14.png);background-position:-58px -40px}.root61 .preview .zoomdiv{left:451px}.root61 .preview .preview-info{height:20px}.root61 .preview .spec-list .spec-items{width:390px}.root61 .clothing .preview-wrap{width:352px}.root61 .clothing .preview .spec-list .spec-items{width:290px}.root61 .clothing .preview .spec-list .spec-items ul li{margin:0 2px}.ebook .preview-wrap{width:352px}.ebook .preview .main-img{position:relative;margin-bottom:10px}.ebook .preview .img-tips{position:absolute;top:-1px;right:9px;width:45px;height:59px;line-height:50px;color:#fff;text-align:center;background:url(../image/img-tips.png) no-repeat}.ebook .preview .btn-read{z-index:7;position:absolute;bottom:10px;right:10px;width:50px;height:50px;background:url(../image/main-circles.png) -110px -55px no-repeat}.ebook .preview .btn-read:hover{background:url(../image/main-circles.png) -165px -55px no-repeat}.ebook .itemInfo-wrap .news .item{white-space:normal}.root61 .ebook .preview-wrap{width:352px}.ershou .preview .spec-items ul li.img-hover img,.ershou .preview .spec-items ul li:hover img{border:2px solid #01c30b}.clothing .preview .video{width:350px;height:350px}.ctCloth .preview .video{width:350px;height:449px}.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}.vjs-close-btn{padding:6px 10px;background:#333;color:#fff;border-radius:10px;font-size:14px;line-height:14px;position:absolute;right:10px;top:10px;cursor:pointer}.jdpano-container{margin:0;padding:0;overflow:hidden;position:relative;cursor:default;font-family:Helvetica,"Nimbus Sans L","Liberation Sans",Arial,sans-serif;background:url(../image/pra.3d1.svg) #f4f4f4;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;outline:0;line-height:1.4;contain:content;width:480px;height:390px}.jdpano-author-box,.jdpano-title-box{padding-left:5px;position:relative;display:table}.jdpano-container *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.jdpano-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;cursor:url(../image/pra.3d.hand1.svg) 12 8,default}.jdpano-grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing;cursor:url(../image/pra.3d.hand2.svg) 12 8,default}.jdpano-sprite{background-image:url(../image/pra.3d2.svg)}.jdpano-container:-moz-full-screen{height:100%!important;width:100%!important}.jdpano-container:-webkit-full-screen{height:100%!important;width:100%!important}.jdpano-container:-ms-fullscreen{height:100%!important;width:100%!important}.jdpano-container:fullscreen{height:100%!important;width:100%!important}.jdpano-render-container{cursor:inherit;position:absolute;height:100%;width:100%}.jdpano-controls{margin-top:4px;background-color:#fff;border:1px solid #999;border-color:rgba(0,0,0,.4);border-radius:3px;cursor:pointer;z-index:2;-webkit-transform:translateZ(9999px);transform:translateZ(9999px)}.jdpano-control:hover{background-color:#f8f8f8}.jdpano-controls-container{position:absolute;top:0;left:4px;z-index:1}.jdpano-zoom-controls{width:26px;height:52px}.jdpano-zoom-in{width:100%;height:50%;position:absolute;top:0;border-radius:3px 3px 0 0}.jdpano-zoom-out{width:100%;height:50%;position:absolute;bottom:0;background-position:0 -26px;border-top:1px solid #ddd;border-top-color:rgba(0,0,0,.1);border-radius:0 0 3px 3px}.jdpano-fullscreen-toggle-button,.jdpano-hot-spot-debug-indicator,.jdpano-orientation-button{width:26px;height:26px}.jdpano-hot-spot-debug-indicator{position:absolute;top:50%;left:50%;width:26px;height:26px;margin:-13px 0 0 -13px;background-color:rgba(255,255,255,.5);border-radius:13px;display:none}.jdpano-load-box,.jdpano-panorama-info{background-color:rgba(0,0,0,.7);display:none}.jdpano-orientation-button-inactive{background-position:0 -156px}.jdpano-orientation-button-active{background-position:0 -182px}.jdpano-fullscreen-toggle-button-inactive{background-position:0 -52px}.jdpano-fullscreen-toggle-button-active{background-position:0 -78px}.jdpano-panorama-info{position:absolute;bottom:4px;border-radius:0 3px 3px 0;padding-right:10px;color:#fff;text-align:left;z-index:2;-webkit-transform:translateZ(9999px);transform:translateZ(9999px)}.jdpano-title-box{font-size:20px;margin-bottom:3px}.jdpano-author-box{font-size:12px}.jdpano-load-box,.jdpano-load-button{font-size:20px;top:50%;position:absolute}.jdpano-load-box{left:50%;width:200px;height:150px;margin:-75px 0 0 -100px;border-radius:3px;text-align:center;color:#fff}.jdpano-load-box p{margin:20px 0}.jdpano-lbox{position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;display:none}.jdpano-loading{-o-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-duration:1.5s;-o-animation-name:jdpano-mv;animation-name:jdpano-mv;-webkit-animation-name:jdpano-mv;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-o-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-timing-function:linear;height:10px;width:10px;background-color:#fff;position:relative}.jdpano-info-box,.jdpano-load-button{width:200px;border-radius:3px;color:#fff;text-align:center}@-o-keyframes jdpano-mv{from,to{left:0;top:0}25%{left:10px;top:0}50%{left:10px;top:10px}75%{left:0;top:10px}}@keyframes jdpano-mv{from,to{left:0;top:0}25%{left:10px;top:0}50%{left:10px;top:10px}75%{left:0;top:10px}}@-webkit-keyframes jdpano-mv{from,to{left:0;top:0}25%{left:10px;top:0}50%{left:10px;top:10px}75%{left:0;top:10px}}.jdpano-load-button{left:50%;height:100px;margin:-50px 0 0 -100px;background-color:rgba(0,0,0,.7);display:table;cursor:pointer}.jdpano-load-button:hover{background-color:rgba(0,0,0,.8)}.jdpano-load-button p{display:table-cell;vertical-align:middle}.jdpano-info-box{font-size:15px;position:absolute;top:50%;left:50%;height:150px;margin:-75px 0 0 -100px;background-color:#000;display:table;table-layout:fixed}.jdpano-info-box a{color:#fff;word-wrap:break-word;overflow-wrap:break-word}.jdpano-info-box p{display:table-cell;vertical-align:middle;padding:0 5px}.jdpano-error-msg{display:none}.jdpano-about-msg{font-size:11px;line-height:11px;color:#fff;padding:5px 8px;background:rgba(0,0,0,.7);border-radius:3px;position:absolute;top:50px;left:50px;display:none;opacity:0;-webkit-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;z-index:1}.jdpano-about-msg a:link,.jdpano-about-msg a:visited{color:#fff}.jdpano-about-msg a:active,.jdpano-about-msg a:hover{color:#eee}.jdpano-hotspot-base{position:absolute;visibility:hidden;cursor:default;vertical-align:middle;top:0;z-index:1}.jdpano-hotspot{height:.52rem;width:.52rem;border-radius:.26rem}.jdpano-hotspot:hover{background-color:rgba(255,255,255,.2)}.jdpano-hotspot.jdpano-info{background-position:0 -104px}.jdpano-hotspot.jdpano-scene{background-position:0 -130px}div.jdpano-tooltip span{visibility:hidden;position:absolute;border-radius:3px;background-color:rgba(0,0,0,.7);color:#fff;text-align:center;max-width:200px;padding:5px 10px;margin-left:-220px;cursor:default}div.jdpano-tooltip:hover span{visibility:visible}div.jdpano-tooltip:hover span:after{content:"";position:absolute;width:0;height:0;border-width:10px;border-style:solid;border-color:rgba(0,0,0,.7) rgba(0,0,0,0) rgba(0,0,0,0);bottom:-20px;left:-10px;margin:0 50%}.jdpano-compass{position:absolute;width:50px;height:50px;right:4px;bottom:4px;border-radius:25px;background-image:url(../image/pra.3d3.svg);cursor:default;display:none}.jdpano-world{position:absolute;left:50%;top:50%}.jdpano-face{position:absolute;-webkit-transform-origin:0 0 0;-ms-transform-origin:0 0 0;-o-transform-origin:0 0 0;transform-origin:0 0 0}.jdpano-dragfix,.jdpano-preview-img{position:absolute;height:100%;width:100%}.jdpano-preview-img{-webkit-background-size:cover;background-size:cover;background-position:center}.jdpano-lbar{width:150px;margin:0 auto;border:1px solid #fff;height:6px}.jdpano-lbar-fill{background:#fff;height:100%;width:0}.jdpano-lmsg{font-size:12px}.jdpano-fade-img{position:absolute;top:0;left:0}