<!--html--><div class="dszoomimg">
<img src="https://pp.userapi.com/c840233/v840233287/5427c/Z2tuW84JTcA.jpg" class="dszoom">
<img src="https://pp.userapi.com/c840225/v840225147/540c3/VdR6VdXS9kU.jpg" class="dszoom"> 
<img src="https://pp.userapi.com/c841021/v841021042/49a98/r7nkDDbj8Pw.jpg" class="dszoom">
<img src="https://pp.userapi.com/c841027/v841027168/447d2/k_uVVQ89qIg.jpg" class="dszoom">
<img src="https://pp.userapi.com/c639226/v639226834/5fbca/aOY8Dl4aClw.jpg" class="dszoom"> 
<img src="https://pp.userapi.com/c639123/v639123883/5d8db/A1o9MvnI1kU.jpg" class="dszoom">
</div>
<style>
.dszoomimg {
display:table;
margin:0 auto;
padding:2px;
}
img.dszoom {
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-ms-transition: all 1s ease-out;
transition: all 1s ease-out;
background: transparent;
width: 150px;
border: 10px solid F1F1F1;
margin: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.3);
position: relative;
vertical-align: middle;
}
img.dszoom:hover {
-webkit-transition: all 1s ease-in;
-moz-transition: all 1s ease-in;
-o-transition: all 1s ease-in;
-ms-transition: all 1s ease-in;
transition: all 1s ease-in;
width: 300px;
margin: -20px;
box-shadow: 0 10px 15px rgba(0,0,0,0.5);
z-index: 7;
}
</style>