.img_mask { 
    position: fixed; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    background-color: 
    rgba(0, 0, 0, 0.8); 
    z-index: 1050; 
}

.img_cont { 
    position: absolute; 
    top: 0; bottom: 0; 
    left: 0; right: 0; 
    width: 100%; 
    height: 100%; 
    padding: 1rem; 
    
}

.img_info { 
    width: 100%; 
    height: 100%; 
    font-size: 0; 
    overflow: hidden;

    cursor: zoom-out;

}

.img_info .img { 
    position: relative; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%); 
    -ms-transform: translate(-50%, -50%);        
    /* IE 9 */ -webkit-transform: translate(-50%, -50%);    
    /* Safari and Chrome */ -o-transform: translate(-50%, -50%);       
    /* Opera */ -moz-transform: translate(-50%, -50%); 
    /*cursor:pointer; */
    transition: -webkit-transform .3s ease-in-out ;
    transition: transform .3s ease-in-out ; 
}


.img_off { 
    position: absolute; 
    width: 18px; 
    height: 18px; 
    top: -22px; 
    right: 0; 
    color: #D2D7DD; 
    font-size: 18px; 
    line-height: 18px; 
    /*cursor: pointer;*/
}