a.zoom{
   display: inline-block;
   overflow: hidden;
   position: relative;
   text-decoration: none;
 padding: 5px 1px 0 1px;
}

a.zoom:before{
   display: block;
   background-color: black;
   content: "";
   height: 100%;
   opacity: 0;
   position: absolute;
   width: 100%;
   z-index: 2;
padding: 5px 1px 0 1px;
}

a.zoom img{
   border: none;
   display: block;
   z-index: 1;
padding: 5px 1px 0 1px;
}

a.zoom:before,a:after,a img{
   -webkit-transition: all 200ms ease;
   -moz-transition: all 200ms ease;
   -o-transition: all 200ms ease;
   transition: all 200ms ease;
padding: 5px 1px 0 1px;
}

a.zoom:hover img{
   -webkit-transform: scale(1.2);
   -moz-transform: scale(1.2);
   -ms-transform: scale(1.2);
   -o-transform: scale(1.2);
   transform: scale(1.2);
 padding: 5px 1px 0 1px;
}

a.zoom:hover:before{
  # opacity: 0.3;  
     padding: 5px 1px 0 1px;
}

a.zoom:hover:after{
   left: 0;
   padding: 5px 1px 0 1px;
}