@charset "utf-8";
* { margin: 0; padding: 0; }
ul li { list-style: none; }
img { border: 0; }
/* 垂直居中 */
.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;  // margin-top: 100px;
 // margin-left: 100px;
}
.magnifier-container { width: 100%; height: 450px; overflow: hidden; position: relative;  // border: 1px solid #ddd;
}
.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-label { position: absolute; left: 10px; bottom: 10px; z-index: 10; background-color: rgba(0, 0, 0, .5); color: #fff; padding: 4px 8px; font-size: 12px; }
.images-cover img { position: absolute; }
.magnifier-assembly { height: 92px; overflow: hidden; position: relative; padding-left: 30px; padding-right: 30px; }
.magnifier-btn { position: absolute; font-family: "宋体"; width: 100%; top: 50%; left: 0; margin-top: -40px; }
.magnifier-btn span { line-height: 75px; height: 75px; width: 24px; 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; }
.magnifier-line ul { display: block; font-size: 0; width: 10000%; position: absolute; left: 0; z-index: 997; }
.magnifier-line li { float: left; width: 108px; cursor: pointer; }
.magnifier-line ul > .active .small-img { border: 2px solid #29C783; }
.small-img { height: 75px;  // padding: 1px;
margin: 5px; overflow: hidden;  // border: 1px solid #ddd;
text-align: center; }
.small-img img { max-width: 100%; max-height: 100%; }
.magnifier-view { width: 100%; height: 100%; position: absolute; right: -105%; top: 0; z-index: 100; background-color: #fff; display: none; overflow: hidden; }
.magnifier-view img { display: block; }
.animation03 { transition: all 0.3s ease-in 0.1s; -ms-transition: all 0.3s ease-in 0.1s; -moz-transition: all 0.3s ease-in 0.1s; -webkit-transition: all 0.3s ease-in 0.1s; -o-transition: all 0.3s ease-in 0.1s; }