/*涓婂埌涓�*/
.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;}
}