.imgViewDom {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 99999999;
      background: rgba(255, 255, 255, 0.8);
      overflow: auto;
      -webkit-box-align: center;
      -webkit-box-pack: center;
      width: 100%;
      height: 100%;
    }
.imgViewDo {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 99999999;
      overflow: auto;
      -webkit-box-align: center;
      -webkit-box-pack: center;
      width: 100%;
      height: 100%;
    }
   
    .clickimg img {
        cursor: -webkit-zoom-in;
        cursor: zoom-in;
    }
    .imgViewDom img {
      cursor: zoom-out;
  }
  @media (min-width:768px) {
    #datu{
    width: 50%;   
    }    
      
  }
    @media (max-width:768px) {
    #datu{
    width: 100%;   
    }    
      
  }