/* 补充右侧间距 */
#MagnifierWrap {
  padding-right: 30px;
}

#MagnifierWrap img {
  max-width: 100%;
  height: auto;
}

#MagnifierWrap .MagnifierMain {
  border: 1px solid #ccc;
}

#MagnifierWrap .thumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 -1%;
}

#MagnifierWrap .thumbs .item {
  width: 13.66%;
  margin: 10px 1%;
  border: 2px solid transparent;
  min-width: 60px;
}

#MagnifierWrap .thumbs .item.on {
  border-color: #0a315c;
}

.MagnifierDrag {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: move;
}

.MagnifierPop {
  position: absolute;
  top: 0;
  overflow: hidden;
  z-index: 1000;
}

.MagnifierImg {
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 991px) {

  /* #MagnifierWrap{padding-right: 0px;} */
  .MagnifierDrag,
  .MagnifierPop {
    display: none !important;
  }
}

@media (max-width: 570px) {

  /* 移除右侧间距 */
  #MagnifierWrap {
    padding-right: 0px;
  }

}