.pb-image-zoom{position:relative}.pb-image-zoom .zoom-mask{width:150px;height:150px;background:rgba(255,255,0,.4);position:absolute;left:0;top:0;display:none;cursor:move;z-index:1000}.pb-image-zoom-preview{height:0;width:0;border:2px solid #eee;position:absolute;top:0;left:0;overflow:hidden;z-index:1000;background:#fff}.pb-image-zoom-preview.show{width:500px;height:500px}.pb-image-zoom-preview .pb-image-zoom-image{height:1000px;width:1000px;position:absolute;top:0;left:0;background:#fff no-repeat center;background-size:contain}@media (max-width:40rem){.pb-image-zoom .zoom-mask{display:none!important}.pb-image-zoom-preview{display:none}}.pb-3d-images-btn{width:2rem;height:2rem;line-height:2rem;text-align:center;z-index:1001;cursor:pointer;background:rgba(0,0,0,.3);position:absolute;right:10px;bottom:10px;border-radius:50%;transition:all .2s}.pb-3d-images-btn:hover{background:rgba(0,0,0,.5)}.pb-3d-images-btn img{width:70%}.pb-goods-images .small .swiper-slide{border:2px solid transparent}.pb-goods-images .small .swiper-slide-thumb-active{border:2px solid var(--color-primary)}.pb-3d-image-container{position:fixed;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.7);z-index:20000}.pb-3d-image-container .pb-3d-image-content{background:#fff;padding:.5rem;width:calc(100vh - 0rem);margin:2rem auto 0 auto;border-radius:.5rem;display:flex;flex-direction:column;text-align:center;position:relative;overflow:visible}.pb-3d-image-container .pb-3d-image-content .close{position:absolute;right:-1rem;top:-1rem;width:2rem;height:2rem;background:rgba(0,0,0,.6);line-height:2rem;color:#fff;font-size:1.2rem;border-radius:50%;cursor:pointer;transition:all .2s}.pb-3d-image-container .pb-3d-image-content .close:hover{background:rgba(0,0,0,.8)}.pb-3d-image-container .pb-3d-image-content .images-container{flex-grow:1;width:calc(100vh - 1rem);max-height:calc(100vh - 6rem);overflow:hidden}.pb-3d-image-container .pb-3d-image-content .title{border-top:1px solid #eee;padding:.5rem 0 0 0;font-size:.8rem}@media (max-width:40rem){.pb-3d-image-container .pb-3d-image-content{width:90%}.pb-3d-image-container .pb-3d-image-content .images-container{width:100%}}.tridi-viewer,.tridi-viewer *{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;outline:0}.tridi-draggable-true{cursor:grab}.tridi-viewer{border:4px solid #ededed;overflow:hidden;position:relative;display:flex;align-items:center}.tridi-viewer-image{width:100%;margin:auto;animation:fadeIn .5s ease forwards;border:2px solid #ededed}.tridi-viewer-image:focus{border:2px solid #999}.tridi-stash{display:none}.tridi-hint-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(237,237,237,.3);z-index:100;cursor:pointer}.tridi-hint{width:80px;height:80px;background:#333;opacity:1;color:#fff;border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;-webkit-transition:box-shadow .1s;transition:box-shadow .1s}.tridi-hint:after,.tridi-hint:before{content:'';width:0;height:0;border-style:solid;position:absolute;top:0;bottom:0;margin:auto}.tridi-hint:before{border-width:15px 15px 15px 0;border-color:transparent #fff transparent transparent;left:9px}.tridi-hint:after{border-width:15px 0 15px 15px;border-color:transparent transparent transparent #fff;right:9px}.tridi-hint-text{display:block;font-size:34px;height:34px;font-weight:700;width:80%;text-align:center;position:absolute;top:-16px;bottom:0;left:0;right:0;margin:auto}.tridi-hint-overlay:focus .tridi-hint,.tridi-hint-overlay:hover .tridi-hint{box-shadow:0 0 16px 1px #333}.tridi-loading{position:absolute;top:0;left:0;width:100%;height:100%;z-index:101}.tridi-spinner,.tridi-spinner:after{border-radius:50%;width:10em;height:10em}.tridi-spinner{margin:auto;font-size:10px;position:absolute;top:0;bottom:0;right:0;left:0;text-indent:-9999em;border-top:1.1em solid rgba(255,255,255,.2);border-right:1.1em solid rgba(255,255,255,.2);border-bottom:1.1em solid rgba(255,255,255,.2);border-left:1.1em solid #fff;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-ms-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}