@charset "utf-8";
/*hover状态下常用动画*/

/*样式过渡*/
[data-animate='all'] {
	-moz-transition: all .20s ease-in-out;
	-webkit-transition: all .20s ease-in-out;
	transition: all .20s ease-in-out;
}

/*放大*/
a:hover [data-animate='zoom'],
[data-animate='zoom']:hover {
	transition: All 06s ease-in-out;
	-webkit-transition: All 0.6s ease-in-out;
	-moz-transition: All 0.6s ease-in-out;
	-o-transition: All 0.6s ease-in-out;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}

/*背景色过度*/
a:hover [data-animate='bgcolor'],
[data-animate='bgcolor']:hover {
	transition: background-color 0.5s linear;
	-moz-transition: background-color 0.5s linear;
	-webkit-transition: background-color 0.5s linear;
	-o-transition: background-color 0.5s linear;
}

[data-animate='opacity']:hover{
	filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    -khtml-opacity: 0.8;
    transition: all 0.1s linear;
}


[data-animate='moveup']:hover{
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}