.overwrapper:hover .overlay {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(Opacity=100)";
}

.overwrapper:hover .overlayinfo {
    top: 50%;
}

.overwrapper:hover .overlayblock{
    transform: scale(1.07);
    -ms-transform: scale(1.07);
    -webkit-transform: scale(1.07);
}

@media (max-width: 1280px){
    .overlay{
        opacity: 0;
    }
    
    .overlay.on{
        opacity: 1;
    }
    
   .overwrapper:hover .overlay{
        opacity: 0;
    }
    
    .overwrapper .overlay.on{
        opacity: 1 !important;
    }
}

@media (max-width: 650px){
    .overlay{
        opacity: 0;
    }
    
    .overlay.on{
        opacity: 1;
    }
    
   .overwrapper:hover .overlay{
        opacity: 0;
    }
    
    .overwrapper .overlay.on{
        opacity: 1 !important;
    }
}