$(function(){
		   
	//从底部上升的遮罩效果开始
	$(".con").hover(function(){
		$(this).find(".txt").stop().animate({height:"198px"},200);
		$(this).find(".txt h3").stop().animate({paddingtop:"60px"},200);
	},function(){
		$(this).find(".txt").stop().animate({height:"45px"},200);
		$(this).find(".txt h3").stop().animate({paddingtop:"0px"},200);
	})
	//从底部上升的遮罩效果结束
	
	
	//直接显示遮罩效果开始
	$(".con-two").hover(function(){
		$(this).find(".txt-two").css("display","block");
		},function(){
			$(this).find(".txt-two").css("display","none");
	})
	//直接显示遮罩效果结束
	
	
	//从左上部显示遮罩效果 开始
	$(".con-three").hover(function() {
		$(this).find(".txt-three").stop().animate({"left": 0,"top":0});
	}, function() {
		$(this).find(".txt-three").stop().animate({"left":-297,"top":-198});
	})
	//从左上部显示遮罩效果 结束
	
	
	//从左侧显示遮罩效果 开始
	$(".con-four").hover(function() {
		$(this).find(".txt-four").stop().animate({"left": 0});
	}, function() {
		$(this).find(".txt-four").stop().animate({"left":-297});
	})
	//从左侧显示遮罩效果 结束
	
	
	//图片放大效果 开始
	$(".con-five").hover(function() {
		$(this).find(".conimg").stop().animate({"width":310,"height":210});
	}, function() {
		$(this).find(".conimg").stop().animate({"width":297,"height":198});
	})
	//图片放大效果 结束
	
	
	//图片放大效果伴随蒙版文字出现 开始
	$(".con-six").hover(function() {
		$(this).find(".conimg-two").stop().animate({"width":310,"height":210});
		$(this).find(".txt-six").css("display","block");
	}, function() {
		$(this).find(".conimg-two").stop().animate({"width":297,"height":198});
		$(this).find(".txt-six").css("display","none");
	})
	//图片放大效果伴随蒙版文字出现 结束


	//优势滚动效果 开始
	var speed=1000;
	var scroll_timer=setinterval("scrollmove()",speed);
	var scroll_timer_01=setinterval("scrollmove_01()",speed);
	$("#ul").hover(function(){
		clearinterval(scroll_timer);
	},function(){
		scroll_timer=setinterval("scrollmove()",speed);
	});
	$("#ul01").hover(function(){
		clearinterval(scroll_timer_01);
	},function(){
		scroll_timer_01=setinterval("scrollmove_01()",speed);
	});
	//优势滚动效果 结束
	
});


function scrollmove(){
	var first_li=$("#ul li:first");
	var li_height=first_li.height();
	first_li.animate({margintop:-li_height},500,function(){
		first_li.css("margin-top",0).appendto($("#ul"));
	});
}
function scrollmove_01(){
	var first_li=$("#ul01 li:first");
	var li_height=first_li.height();
	first_li.animate({margintop:-li_height},500,function(){
		first_li.css("margin-top",0).appendto($("#ul01"));
	});
}