body {
    color: #333333;
}

#container {
    margin: 0 auto;
    width: 900px;
    font-family: arial;
}

#container h3 {
    font-family: "Microsoft YaHei";
}

.heart {
    background: url(../imgTemp/web_heart_animation.png), radial-gradient(ellipse at center, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background-position: left;
    background-repeat: no-repeat;
    height: 60px;
    width: 60px;
    cursor: pointer;
    background-size: 2900%;
    display: inline-block;
    float: right;
    position: absolute;
    right: 2px;
    bottom: 2px;
    border-radius: 50%;
}

.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: 150px;
    position: relative;
}

a {
    color: #7ac9ed;
}

p {
    margin: 0px;
    padding: 0px;
}

.likeCount {
    font-family: 'Georgia', Times, Times New Roman, serif;
    font-size: 20px;
    color: #999999;
    float: right;
}