.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;}
.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-assembly{height: 92px;overflow: hidden;position: relative;padding-left: 30px;padding-right: 30px;}
.magnifier-btn{position: absolute;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;}
.magnifier-line ul{display: block;font-size: 0;width: 10000%;position: absolute;left: 0;z-index: 9997;}
.magnifier-line li{float: left;width: 100px;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;}
.small-img img{max-width: 100%;max-height: 100%;}
.magnifier-view{width: 100%;height: 100%;position: absolute;right: -105%;top: 0;z-index: 9999;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;}