@font-face {
	font-family: 'icomoon-wpzan';
	src:url('../fonts/icomoon.eot?2m78e6');
	src:url('../fonts/icomoon.eot?#iefix2m78e6') format('embedded-opentype'),
		url('../fonts/icomoon.woff?2m78e6') format('woff'),
		url('../fonts/icomoon.ttf?2m78e6') format('truetype'),
		url('../fonts/icomoon.svg?2m78e6#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

.icon-wpzan{
	font-family: 'icomoon-wpzan' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	vertical-align: text-bottom;
}

.icon-wpzan:before {
	content: "\e125";
}

.wp-zan.zan-loader .icon-wpzan{
	padding:0 7px\9;
	background: url(../images/loading.gif) 50% 50% no-repeat\9;
}

.wp-zan.zan-loader .icon-wpzan:before{
	display: none\9;
}

.wp-zan.zan-loader .icon-wpzan:before {
	content: "\e031";
	-webkit-animation:1s linear 0s normal none infinite rotate;
	-moz-animation: 1s linear 0s normal none infinite rotate;
	-ms-animation: 1s linear 0s normal none infinite rotate;
	-o-animation: 1s linear 0s normal none infinite rotate;
	animation: 1s linear 0s normal none infinite rotate;
}

.wp-zan{
	color: #999;
	text-decoration: none;
}

.wp-zan .icon-wpzan{
	margin-right: 5px
}

.wp-zan:hover,
.wp-zan.zaned{
	color: #8AC78F;
}

.wp-zan.zaned .icon-wpzan{
	-webkit-animation: waver 0.3s linear 1;
	-moz-animation: waver 0.3s linear 1;
	-o-animation: waver 0.3s linear 1;
	animation: waver 0.3s linear 1;
}

@keyframes waver
{
	0 {transform: scale(1, 1)}
	50% {transform: scale(1.5, 1.5)}
	100%{transform: scale(1, 1)}
}

@-moz-keyframes waver /* Firefox */
{
	0 {-moz-transform: scale(1, 1)}
	50% {-moz-transform: scale(1.5, 1.5)}
	100%{-moz-transform: scale(1, 1)}
}

@-webkit-keyframes waver /* Safari 和 Chrome */
{
	0 {-webkit-transform: scale(1, 1)}
	50% {-webkit-transform: scale(1.5, 1.5)}
	100%{-webkit-transform: scale(1, 1)}
}

@-o-keyframes waver /* Opera */
{
	0 {-o-transform: scale(1, 1)}
	50% {-o-transform: scale(1.5, 1.5)}
	100%{-o-transform: scale(1, 1)}
}

@-webkit-keyframes rotate{
	from{-webkit-transform:rotate(0deg)}
	to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate{
	from{-moz-transform:rotate(0deg)}
	to{-moz-transform:rotate(360deg)}
}
@-ms-keyframes rotate{
	from{-ms-transform:rotate(0deg)}
	to{-ms-transform:rotate(360deg)}
}
@-o-keyframes rotate{
	from{-o-transform:rotate(0deg)}
	to{-o-transform:rotate(360deg)}
}
@keyframes rotate{
	from{transform:rotate(0deg)}
	to{transform:rotate(360deg)}
}