body {padding: 0;margin: 0;}

.pc-slide {width: 85%;margin: 0 auto;}
.pc-slide .view {border: 1px solid gainsboro;}
.view .swiper-container {width: 100%;height: auto;}
.view .arrow-left {background: url(feel3.png) no-repeat left top;
position: absolute;left: 10px;top: 50%;margin-top: -25px;width: 9px;height: 18px;z-index: 10;}
.view .arrow-right {background: url(feel4.png) no-repeat left bottom;
position: absolute;right: 10px;top: 50%;margin-top: -25px;width: 9px;height: 18px;z-index: 10;}
.view .arrow-left,.view .arrow-right{opacity: 0;}
:hover.view .arrow-left,:hover.view .arrow-right{opacity: .7;
    -webkit-transform: translateX(0) !important;
    -ms-transform: translateX(0) !important;
    transform: translateX(0) !important;}
.preview {width: 100%;margin-top: 25px;position: relative;}
.preview .swiper-container {margin:0 30px;}
.preview .swiper-slide {width: 100px;margin: 0 5px;cursor:pointer; opacity: .75; }

.preview .active-nav{opacity: 1;}
.preview .arrow-left {background: url(feel3.png) no-repeat left top;position: absolute;left: 10px;top: 50%;margin-top: -9px;width: 9px;height: 18px;}
.preview .arrow-right {background: url(feel4.png) no-repeat left bottom;position: absolute;right: 10px;top: 50%;margin-top: -9px;width: 9px;height: 18px;}
.preview img {max-width: 100%; border: 1px solid #E7E7E7; padding: 5px; border-radius: 10px;}
.pc-slide figure{ margin: 0;}
.pc-slide figure img{max-width: 100%; }


.easyzoom {position: relative;display: inline-block;}
.easyzoom img {vertical-align: bottom;}
.easyzoom.is-loading img {cursor: progress;}
.easyzoom.is-ready img {cursor: crosshair;}
.easyzoom.is-error  img {cursor: not-allowed;}


.easyzoom-flyout{position:absolute;z-index:1;overflow:hidden;background:#fff;top:0;left:0;width:100%;height:100%;pointer-events:none;-webkit-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation:stuckFadeIn .6s;animation:stuckFadeIn .6s}
.easyzoom-flyout img{max-width:1000px !important;width:1000px !important}

@media(max-width: 849px){
.easyzoom-flyout{display:none !important}
.pc-slide {width: 100%;margin: 0 auto;}
.preview .swiper-slide {width: 30%;margin: 0 5px;cursor: pointer;opacity: .75;}
}