$(document).ready(function(){
 
$("ul.product-area li").hover(function() {
	$(this).css({'z-index' : '20'});
	$(this).find('img').addClass("hover").stop()
		.animate({
			marginTop: '-198px', 
			marginLeft: '-132px', 
			top: '50%', 
			left: '50%', 
			width: '275px', 
			height: '275px',
			padding: '0px' 
		}, 200);
	
	} , function() {
	$(this).css({'z-index' : '0'});
	$(this).find('img').removeClass("hover").stop()
		.animate({
			marginTop: '0', 
			marginLeft: '0',
			top: '0', 
			left: '0', 
			width: '150px', 
			height: '150px', 
			padding: '5px'
		}, 400);
});
});