<style type="text/css">
.tarnada { 
 text-align:left; 
   } 
 .tarnada a img { 
 width:30px; 
 height:30px; 
 display:block; 
 border:0;
 position:relative; 
 top:0; 
 left:0; 
 transition: 0.6s; 
 -moz-transition: 0.6s; 
 -webkit-transition: 0.6s; 
 -o-transition: 0.6s; 
 } 

 .tarnada a { 
 display:inline-block; 
 width:30px; 
 height:30px;
border:0px solid #B8860B; 
/* Задание декоративной границы */
 position:relative; 
 } 

 .tarnada a:hover img { 
 width:700px; 
 height:700px; 
 position:relative; 
 top:35px; 
 left:-14px;
border:10px solid #00BFFF; 
/* Задание декоративной границы */
 z-index:2; 
 }

</style>
