.hoverzoom {
position: relative;
width: 450px;
overflow: hidden;
}
.hoverzoom > img {
width: 50px; 
border-radius: 2px;
width:300px;height:300px;-webkit-transition:0.5s ease-in;-moz-transition:0.5s ease-in;-o-transition:0.5s ease-in;transition:0.5s ease-in;
}
.hoverzoom:hover > img {

	width:450px;height:450px;
}
.hoverzoom .retina{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;    
background: none repeat scroll 0 0 rgba(18, 60, 108, 0.9);    
border-radius: 2px;
text-align: center;
padding: 30px;
width:300px;height:300px;-webkit-transition:0.5s ease-in;-moz-transition:0.5s ease-in;-o-transition:0.5s ease-in;transition:0.5s ease-in;

}
.hoverzoom:hover .retina {
opacity: 1;
	width:450px;height:450px;
}
.hoverzoom .retina p {
color: #fff;
}
.hoverzoom .retina a {
display: block;
width: 80px;
background: #e04c40;
border: none;
border-radius: 10px;
color: #fff;
text-decoration: none;
text-align: center;
padding: 10px 15px;
margin: 16px auto 0;
}





.fazemos {width:200px;height:200px;-webkit-transition:0.5s ease-in;-moz-transition:0.5s ease-in;-o-transition:0.5s ease-in;transition:0.5s ease-in;}
.fazemos:hover{width:300px;height:300px;}