.heart {
	    background: url(../img/web_heart_animation.png);
	    background-position: left;
	    background-repeat: no-repeat;
	    height: 100px;
	    width: 100px;
	    cursor: pointer;
	    position: absolute;
	    /*left:-14px;*/
        background-size:2900%;
    }
    .heart:hover, .heart:focus{
    background-position: right;
	}

    /*@-webkit-keyframes heartBlast {
    0% {
	    background-position: left;
	}
	100% {
	    background-position: right;
	}
	}*/

	@keyframes heartBlast {
	    0% {
	    background-position: left;
	}
	100% {
	    background-position: right;
	}
	}

	.heartAnimation {
    display: inline-block;
    -webkit-animation-name: heartBlast;
    animation-name: heartBlast;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: steps(28);
    animation-timing-function: steps(28);
    background-position: right;
    }
    /*活动详情页收藏*/
    .zj-block .content .num {
        position: relative;
    }
    .zj-block .content .num .heart{
        left: 30px;
        top:50%;
        margin-top: -25px;
        height: 50px;
        width: 50px;
        background: url(../img/web_heart_animation_50.png);
    }
    .zj-block .content .num span{
        margin-left: 25px;
    }
    .zj-block .content .num span:before{
        content: "（";
        color:#444;
    }

    .zj-block .content .num span:after{
        content: "）";
        color:#444;
    }
    /*作品展示页收藏*/
    .zj-block .sc {
        position: relative;
    }
    .zj-block .sc .heart{
        top:50%;
        left:70px;
        width: 70px;
        height: 70px;
        margin-top: -35px;
        background: url(../img/web_heart_animation_70.png);  
    }
    .zj-block .sc .colorT{
        margin-left: 30px;
    }