/*放大组件*/
#magnifier *{
  box-sizing: border-box;
}
    #magnifier{
      position: relative;
      width:406px;
      border:1px solid #ddd;
      padding:2px;
      border-radius: 3px;     
      box-shadow:0 0 4px rgba(100,100,100,0.1);
      
    }
    .mid-box {
      position: relative;
      width:400px;
      height:400px;            
      border-radius: 3px;
      overflow: hidden;
    }
    
    .small-box img{ 
      
      height:400px;
      width:400px;
      object-fit:cover;
      
    }
    .small-box .hover {
      display: none;
      position: absolute;
      left: 0;
      top: 0;
      width: 200px;
      height: 200px;      
      background: #333;
      opacity: .5;
      filter: alpha(opacity: 50);
      cursor: move;
      border-radius: 3px;
    }
    .thumbnail-box {
      position: relative;
      width: 100%;
     
    }
    .thumbnail-box .btn {
      position: absolute;
      top: 50%;
      width: 22px;
      height: 32px;
      margin-top: -16px;
    }
    .thumbnail-box .btn-prev {
      left: 0;
      background: url(../image/btn_prev.png) no-repeat;
    }
    .thumbnail-box .btn-prev.btn_prev_disabled{background: url(../image/btn_prev_disabled.png) no-repeat;cursor: not-allowed;}
    .thumbnail-box .btn-next {
      right: 0;
      background: url(../image/btn_next.png) no-repeat;
    }
    .thumbnail-box .btn-next.btn_next_disabled{background: url(../image/btn_next_disabled.png) no-repeat;cursor: not-allowed;}
    .thumbnail-box .list {      
      width:400px;      
      margin:0 auto;
      padding:15px 22px;      
      overflow: hidden;      
    }
    .thumbnail-box .wrapper {
      width: 100000px;
    }
    .thumbnail-box .list .item {
      float: left;
      margin:0 5px;
      border:1px solid #ddd;
      border-radius: 3px;
      padding:2px;
    }
    .thumbnail-box .list .item-cur {}
    .thumbnail-box .list .item img {     
      
      width: 54px;
      height: 54px;
      border-radius: 3px;
      object-fit:cover;
    }
    .thumbnail-box .list .item.item-cur{
      border:1px solid #e53e41;
    }
    .big-box {
      display: none;
      overflow: hidden;
      position: absolute;
      left: 410px;
      top: 0;
      width: 496px;
      height: 496px;
      border: 1px solid #ddd;
      padding: 2px;
      border-radius: 3px;
      z-index: 99;
    }
    .big-box img {
      display: block;
      width: 490px;
      height: 490px;
      border-radius: 3px;
      object-fit:cover;
    }