.magnifier{position:relative}
.magnifier-container{overflow:hidden;position:relative}
.move-view{width:100px;height:100px;position:absolute;background-image:url('../images/move-box.png')}
.images-cover{height:100%;width:100%;position:relative}
.images-cover img{position:absolute;}
.magnifier-view{width:100%;height:100%;position:absolute;left:calc(100% + 10px);top:0;z-index:9999;background-color:#fff;display:none;overflow:hidden}
.magnifier-view img{display:block}
.magnifier-swiper{ position: relative; margin-top:20px; padding-left: 34px; padding-right: 34px; }
.magnifier-swiper .imgbox{ position: relative; padding-top: 100%; cursor: pointer; font-size: 0; overflow: hidden;}
.magnifier-swiper .imgbox:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; border:solid 3px #fff;}
.magnifier-swiper .active .imgbox:before{ border-color: #cecece; }
.magnifier-swiper .imgbox img{ display: block; position: absolute; left: 50%; top: 50%; z-index: 1; transform: translate(-50%,-50%); max-width: calc(100% - 6px); max-height: calc(100% - 6px); }
.magnifier-swiper .swiper-button{ top: 0; margin-top: 0; width: 34px; height: 100%; background:none; }
.magnifier-swiper .swiper-button.swiper-button-prev{ left: 0; }
.magnifier-swiper .swiper-button.swiper-button-next{ right: 0; transform: rotateY(180deg); }
.magnifier-swiper .swiper-button:before{ display: block; position: absolute; left: 50%; top: 50%; font-size:22px; color: #666; transform: translate(-50%,-50%); text-align: left; }