/*��ת*/
.img-circle{
	background-position:right top;
	-webkit-animation-name:rotateRight;
	-webkit-animation-duration:5s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear
	}
@-webkit-keyframes rotateRight{
	from{-webkit-transform:rotate(360deg)}to{-webkit-transform:rotate(0deg)}
	}
	

/*����*/
.up_shan{
	opacity: 0.3;
	 -webkit-animation: tipsUp linear infinite 1.2s;
}
@-webkit-keyframes tipsUp{
	0%{opacity:0.3;-webkit-transform:translate(0,0px);}
	50%{opacity:1;-webkit-transform:translate(0,-10px);}
	100%{opacity:0.3;-webkit-transform:translate(0,0px);}
}
@keyframes tipsUp{
	0%{opacity:0.3;transform:translate(0,0px);}
	50%{opacity:1;transform:translate(0,-10px);}
	100%{opacity:0.3;transform:translate(0,0px);}
}

/*ҡ��*/
.yaohuang{-webkit-animation-name:txtBg;-webkit-animation-duration:.8s;-webkit-animation-iteration-count:5;}
@-webkit-keyframes txtBg{
	0%{-webkit-transform:translate(-40px,-10px)}
	25%{-webkit-transform:translate(-10px,0px)}
	50%{-webkit-transform:translate(20px,10px)}
	75%{-webkit-transform:translate(-10px,0px)}
	100%{-webkit-transform:translate(-40px,-10px)}
}

/*һ��*/  /*http://www.w3school.com.cn/cssref/pr_animation.asp*/
.yi_shan{opacity:.2;-webkit-animation-name:lastButton;-webkit-animation-duration:.8s;-webkit-animation-iteration-count:infinite ;-webkit-animation-direction:alternate}
@-webkit-keyframes lastButton{
	0%{opacity:.2}
	100%{opacity:.8}
}

/*����*/  
.suofang{opacity:.99;-webkit-animation-name:lastButton;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite ;-webkit-animation-direction:alternate}
@-webkit-keyframes lastButton{
	0%{transform:scale(1);}
	50%{transform:scale(0.3);}
	100%{transform:scale(1);}
}

/* �������� */
.infinite-bounce{-webkit-animation-name:bounce;-webkit-animation-duration:3s;-webkit-animation-iteration-count:infinite;}
@-webkit-keyframes bounce{
    0%{-webkit-transform:translateY(0);}
    50%{-webkit-transform:translateY(-15px);}
    100%{-webkit-transform:translateY(0);}
}

/*ˮƽ�ƶ�*/
.moveHorizontal{animation: Horizontal 60s linear infinite;}
@keyframes Horizontal {
	from {
		background-position: 0 0%
	}
	to {
		background-position: 100% 0%
	}
}

/*��ֱ�ƶ�*/
.moveVertical{animation: Vertical 0.5s linear infinite;filter: blur(4px);-webkit-filter: blur(4px);-webkit-transform:scaleX(1.2) scaleY(1.5)}
@keyframes Vertical {
	from {
		background-position: 0 0%
	}
	to {
		background-position: 0% 100% 
	}
}