/*上到下*/
.top_to_bottom{
	animation: ttb 1.6s;
	-moz-animation: ttb 1.6s;	/* Firefox */
	-webkit-animation: ttb 1.6s;	/* Safari 和 Chrome */
	-o-animation: ttb 1.6s;	/* Opera */
}
/*下到上*/
.bottom_to_top{
	animation: btt 1s;
	-moz-animation: btt 1s;	/* Firefox */
	-webkit-animation: btt 1s;	/* Safari 和 Chrome */
	-o-animation: btt 1s;	/* Opera */
}
/*上到下*/
@keyframes ttb{
	0%{opacity:0;top:-160px;}
	100%{opacity:1;top:0px;}
}

@-moz-keyframes ttb{
	0%{opacity:0;top:-160px;}
	100%{opacity:1;top:0px;}
}

@-webkit-keyframes ttb{
	0%{opacity:0;top:-160px;}
	100%{opacity:1;top:0px;}
}

@-o-keyframes ttb{
	0%{opacity:0;top:-160px;}
	100%{opacity:1;top:0px;}
}
/*下到上*/
@keyframes btt{
	0%{opacity:0;bottom:-160px;}
	100%{opacity:1;bottom:0px;}
}

@-moz-keyframes btt{
	0%{opacity:0;bottom:-160px;}
	100%{opacity:1;bottom:0px;}
}

@-webkit-keyframes btt{
	0%{opacity:0;bottom:-160px;}
	100%{opacity:1;bottom:0px;}
}

@-o-keyframes btt{
	0%{opacity:0;bottom:-160px;}
	100%{opacity:1;bottom:0px;}
}
/*左向右*/
.left_to_right{
	animation: altr 1.6s;
	-moz-animation: altr 1.6s;	/* Firefox */
	-webkit-animation: altr 1.6s;	/* Safari 和 Chrome */
	-o-animation: altr 1.6s;	/* Opera */
}
/*右向左*/
.right_to_left{
	animation: artl 1s;
	-moz-animation: artl 1s;	/* Firefox */
	-webkit-animation: artl 1s;	/* Safari 和 Chrome */
	-o-animation: artl 1s;	/* Opera */
}
/*左向右*/
@keyframes altr{
	0%{opacity:0;left:-160px;}
	100%{opacity:1;left:0px;}
}

@-moz-keyframes altr{
	0%{opacity:0;left:-160px;}
	100%{opacity:1;left:0px;}
}

@-webkit-keyframes altr{
	0%{opacity:0;left:-160px;}
	100%{opacity:1;left:0px;}
}

@-o-keyframes altr{
	0%{opacity:0;left:-160px;}
	100%{opacity:1;left:0px;}
}
/*右向左*/
@keyframes artl{
	0%{opacity:0;right:-160px;}
	100%{opacity:1;right:0px;}
}

@-moz-keyframes artl{
	0%{opacity:0;right:-160px;}
	100%{opacity:1;right:0px;}
}

@-webkit-keyframes artl{
	0%{opacity:0;right:-160px;}
	100%{opacity:1;right:0px;}
}

@-o-keyframes artl{
	0%{opacity:0;right:-160px;}
	100%{opacity:1;right:0px;}
}

/*隐藏到显示*/
.hidden_to_show{
	animation: hts 0.8s;
	-moz-animation: hts 0.8s;	/* Firefox */
	-webkit-animation: hts 0.8s;	/* Safari 和 Chrome */
	-o-animation: hts 0.8s;	/* Opera */
}
/*隐藏到显示*/
@keyframes hts{
	0%{opacity:0;}
	100%{opacity:1;}
}

@-moz-keyframes hts{
	0%{opacity:0;}
	100%{opacity:1;}
}

@-webkit-keyframes hts{
	0%{opacity:0;}
	100%{opacity:1;}
}

@-o-keyframes hts{
	0%{opacity:0;}
	100%{opacity:1;}
}