<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

<style type="text/css">
.st2 {width:200px;height:150px;}
.st2  img{width:200px;height:150px;position:absolute;z-index:150;}
.st2:hover {width:200px;height:150px;overflow:visible;}
.st2:hover img{visibility:visible;position:absolute;z-index:150;}
</style>

<script type="text/javascript">
      $(function(){
       $('.img2').hover(function(){
         $(this).children('img').stop().animate({width:"600px",height:"400px"}, 400);
       }, function(){ $(this).children('img').stop().animate({width:"200px",height:"150px"}, 400); };);
     };);

</script>
<div class="st2"><div class="img2"><img src="http://www.novickiy.ru/_ph/8/433982343.jpg?1403693595" width="200" height="150"/></div>