$(document).ready(function(){
		$(".detail,.catd,.dark").stop().css("opacity", 0);
					   
		
$(".cats ul li a").hover(
					function() {
						$(this).animate({borderBottomWidth: "10px", borderBottomColor:"#000"}, 100);},
						function() {$(this).stop().animate({borderBottomWidth: "0px",color:"#666"}, 100);});

							$(".thumbbox").hover(
					function() {

						$(this).children(".detail").stop().animate({top:'65px'},{queue:false,duration:280});
						$(this).children(".catd").stop().animate({left:'10px'},{queue:false,duration:200});
						$(this).children(".detail,.tbimg").animate({opacity: "0.8"}, 300);
						$(this).children(".dark").animate({opacity: "1"}, 300);
						$(this).children(".catd").animate({opacity: "0.9"}, 300);
						},
						function() {	
						$(this).children(".detail").stop().animate({top:'100px'},{queue:false,duration:1000});
						$(this).children(".catd").stop().animate({left:'0'},{queue:false,duration:280});
						$(this).children(".dark").stop().animate({opacity: "0"}, 300);
						$(this).children(".detail").animate({opacity: "0"}, 600);
						$(this).children(".catd").animate({opacity: "0"}, 300);
				});
					
				
			});