$(document).ready(function(){				
					 					   
	$(".hoverdetails").hover(function () {
                    $(this).stop().animate({
                        opacity: 1
                    }, 300, 'easeOutSine');
                }, function () {
                    $(this).stop().animate({
                        opacity: 0
                    }, 500, 'easeOutSine');
                });

    });