
.small-img {display:flex;align-items:center;justify-content:center}
.clearfix:before,.clearfix:after {display:table;line-height:0;content:""}
.magnifier {width:500px;/* position:relative; */}
.magnifier-container {width:500px;/* height:500px; *//* overflow:hidden; *//* position:relative; *//* border:1px solid #ddd; */margin-bottom: 10px;}
.move-view {width:100px;height:100px;position:absolute;background-image:url(../image/mask-bg.png)}
.images-cover {height:100%;width:100%;position:relative;}
.images-cover img {position:absolute}
.magnifier-assembly {/* height: 500px; *//* overflow:hidden; */position:relative;/* padding-left:30px; */padding-right:30px;height: 100%;}
.magnifier-btn {position:absolute;font-family:宋体;width:100%;top:50%;left:0;margin-top:-40px}
.magnifier-btn span {line-height:80px;height:80px;width:20px;background-color:#6e6e6e;color:#fff;display:block;z-index:9998;text-align:center;font-size:20px;cursor:pointer;border-radius:3px}
.magnifier-btn .magnifier-btn-left {float:left}
.magnifier-btn .magnifier-btn-right {float:right}
.magnifier-line {position:relative;/* overflow:hidden; *//* height:92px; */height: 100%;}
.magnifier-line ul {display:block;font-size:0;width:10000%;/* position:absolute; */left:0;height: 100%;z-index:9997;}
.magnifier-line li {/* float:left; */width: 500px;cursor:pointer;}
.magnifier-line ul>.active .small-img {/* border-color:#bbb */}
.small-img {/* height:78px; *//* padding:1px; *//* margin:5px; *//* overflow:hidden; *//* border:1px solid #ddd; */text-align:center;height: 100%;}
.small-img img {max-width:100%;max-height:100%;height: 500px;margin-bottom: 10px;}

.animation03 {transition:all .3s ease-in .1s;-ms-transition:all .3s ease-in .1s;-moz-transition:all .3s ease-in .1s;-webkit-transition:all .3s ease-in .1s;-o-transition:all .3s ease-in .1s}
