.heart {
	    background: url(../images/web_heart_animation.png);
	    background-position: left;
	    background-repeat: no-repeat;
	    height: 100%;
	    width: 60%;
	    cursor: pointer;
	    position: absolute;
	  
        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;
    }
    .feed p{font-family: "Microsoft YaHei",'Georgia', Times, Times New Roman, serif; font-size: 25px;}
    .feed{clear: both; margin-bottom: :20px; height: 30px; position: relative;}

 
    .likeCount{font-family: 'Georgia', Times, Times New Roman, serif; margin-top: 0px;
    margin-left: 68px;font-size: 18px;color: #999999}



.feed{float: right;margin-top: -20px;}
.dianzan{width: 100%;height: 50px;float: left;}
.product-type{float: left;}