.preImgWrap {
  .modal {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60);";
  }
  .imgWrap {
    // margin-left: -500px;
    // left: 50%;
    // width: 1000px;
    // top: 7%;
    // bottom: 7%;
    // height: 86%;
    z-index: 100;
    position: fixed;
    width: 750px;
    height: 750px;
    left: 50%;
    top: 50%;
    margin-left: -375px;
    margin-top: -375px;
    background-color: #fff;
    overflow: hidden;
    .close {
      position: absolute;
      right: 20px;
      top: 20px;
      cursor: pointer;
    }
    .imgDiv {
      position: absolute;
      width: 750px;
      height: 750px;
      left: 50%;
      top: 50%;
      margin-left: -375px;
      margin-top: -375px;
      overflow: hidden;
    }
    .rotateImg {
      position: absolute;
      cursor: move;
      // left: 50%;
      // top: 50%;
      // transform: translateX(-50%) translateY(-50%);
    }
    .activeBar {
      width: 400px;
      height: 40px;
      background-color: #9B979A;
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -200px;
      border-radius: 4px 4px 0 0;
      text-align: center;
      // display: none;
      img {
        margin: 10px 0px;
        padding: 3px 20px;
        cursor: pointer;
      }
      
      .rotate {
    
      }  
      .plus,.reduce {
        border-right: 1px solid #7A7779;
      }  
    }
  }
  .mainWrap {
    position: absolute;
    width: 900px;
    height: 900px;
    left: 50%;
    top: 50%;
    margin-left: -450px;
    margin-top: -450px;
    .next {
      cursor: pointer;
      position: absolute;
      z-index: 102;
      top: 50%;
      margin-top: -20px;
      right: 0;
    }
    .prev {
      cursor: pointer;
      position: absolute;
      z-index: 102;
      top: 50%;
      margin-top: -20px;
      left: 0;
    }
  }
}