$(function(){
$('.carousel-box .inner .prev')
		.css( {backgroundPosition: "0px 0px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(0 -31px)"}, {duration:300})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(0px 0px)"}, {duration:300})
		})
});

$(function(){
$('.carousel-box .inner .next')
		.css( {backgroundPosition: "-31px 0px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(-31px -31px)"}, {duration:300})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(-31px 0px)"}, {duration:300})
		})
});

$(function(){
$('.product-col .img')
		.css( {backgroundPosition: "50% 178px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(50% 181px)"}, {duration:300})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(50% 178px)"}, {duration:300})
		})
});

$(function(){
$('.box-body .img')
		.css( {backgroundPosition: "50% 178px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(50% 181px)"}, {duration:300})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(50% 178px)"}, {duration:300})
		})
});