@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;
}

/*放大*/
[data-animate='zoom'] {
	overflow: hidden;
}
[data-animate='zoom'] img {
	-webkit-transition: transform 0.6s ease-in-out;
	-moz-transition: transform 0.6s ease-in-out;
	-o-transition: transform 0.6s ease-in-out;
	transition: transform 0.6s ease-in-out;
}

[data-animate='zoom']:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

/*背景色过度*/
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;
}
[data-animate='shadow']:hover{
	-moz-transition: all .20s ease-in-out;
	-webkit-transition: all .20s ease-in-out;
	transition: all .20s ease-in-out;
	moz-box-shadow: 0 0 5px #a9a9a9;
	-webkit-box-shadow: 0 0 5px #a9a9a9;
	box-shadow: 0 0 5px #a9a9a9;
}