#viewport {
    float: left;
    position: relative;
    margin-left: 20px;
    width: 82px;
    height: 25px;
    -webkit-perspective: 300;
    -moz-perspective: 300;
}
#btn, #back, #count, #front {
    position: absolute;
    width: 82px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    font-size: 12px;
    color: #999;
    top: 0;
}
.bt-follow {
    background: url('http://honey.hunantv.com/i/image/mod/button/bt-follow.png');
}
.bt-follow:hover {
    background: url('http://honey.hunantv.com/i/image/mod/button/bt-follow-hover.png');
}
#front, .bt-followed, .bt-important {
    background: url('http://honey.hunantv.com/i/image/mod/button/bt-followed.png') !important;
}
.bt-followed:hover, .bt-important:hover {
    background: url('http://honey.hunantv.com/i/image/mod/button/bt-unfollowed.png') !important;
}
#count, #back {
    background: url('http://honey.hunantv.com/i/image/mod/button/bt-follow-num.png');
}
#flip {
    position: absolute;
    width: 82px;
    height: 25px;
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: left center;
    -moz-transform-style: preserve-3d;
    -moz-transform-origin: left center;
    z-index: 2;
    opacity: 0;
}

#btn {
    left: 0;
}
#flip, #count {
    left: 82px;
}
#back {
    z-index: 3;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}

#front {
    -webkit-backface-visibility: hidden;
    -webkit-transform-origin: center center;
    -webkit-transform: rotateY(180deg);
    -moz-backface-visibility: hidden;
    -moz-transform-origin: center center;
    -moz-transform: rotateY(180deg);
}

@-webkit-keyframes animationadd {
0% {
-webkit-transform: rotateY(0deg);
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .3);
opacity: 1;
}
100% {
-webkit-transform: rotateY(-180deg);
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .3);
opacity: 1;
}
}

@-moz-keyframes animationadd {
0% {
-moz-transform: rotateY(0deg);
-moz-box-shadow: 0 0 20px rgba(0,0,0, .3);
opacity: 1;
}
100% {
-moz-transform: rotateY(-180deg);
-moz-box-shadow: 0 0 20px rgba(0,0,0, .3);
opacity: 1;
}
}

@-webkit-keyframes animationsub {
0% {
-webkit-transform: rotateY(-180deg);
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .3);
opacity: 1;
}
100% {
-webkit-transform: rotateY(0deg);
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .3);
opacity: 1;
}
}

@-moz-keyframes animationsub {
0% {
-moz-transform: rotateY(-180deg);
-moz-box-shadow: 0 0 20px rgba(0,0,0, .3);
opacity: 1;
}

100%{
-moz-transform: rotateY(0deg);
-moz-box-shadow: 0 0 20px rgba(0,0,0, .3);
opacity: 1;
}
}

.entity-guess h2 a {
    font-size: 12px;
    font-weight: normal;
    color: #093D72;
}
.userlist li {
    float: left;
    margin: 10px 0 0 10px !important;
    width: 60px !important;
}
.userlist .pic {
    border: 1px solid #E4E4E4;
    padding: 4px;
    float: left;
}
.userlist .pic img {
    display: block;
}
.userlist .user-name {
    float: left;
    clear: left;
    text-align: center;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60px;
    color: #093D72;
    font-size: 12px;
}
.clearfix {
    *zoom: 1;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

/*add how to use*/
.lightBoxContent {
    position: relative;
    width: 600px;
    height: 472px;
    background-image: url(http://honey.hunantv.com/i/image/global/how-to-use-1.png);
}
#htu-exit {
    position: absolute;
    right: 105px;
    top: 440px;
    font-size: 12px;
    line-height: 1.2em;
    color: #666;
    text-decoration: none;
}
#htu-next {
    position: absolute;
    right: 10px;
    top: 435px;
    display: block;
    width: 80px;
    height: 25px;
    text-indent: -1000px;
    overflow: hidden;
    background: url(http://honey.hunantv.com/i/image/global/htu-next.png);
}
#htu-over {
    position: absolute;
    right: 10px;
    top: 435px;
    display: none;
    width: 147px;
    height: 25px;
    text-indent: -1000px;
    overflow: hidden;
    background: url(http://honey.hunantv.com/i/image/global/htu-over.png);
}
.lightBoxMaxHeight {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    *height: 99.5%;
    width: 1px;
    overflow: hidden;
    margin-left: -1px;
}
#hn-tips {
    display: none;
    position: absolute;
    top: 30px;
    left: 0;
    width: 220px;
    color: #666;
    font-size: 12px;
    background: url(http://honey.hunantv.com/i/image/global/data-tips-repeat.png) repeat-y;
}
#hn-tips p {
    padding: 10px;
}
#hn-tips a {
    color: #093D72;
}
.tips-top, .tips-bottom {
    height: 13px;
    font-size: 1px;
    line-height: 5px;
    background: url(http://honey.hunantv.com/i/image/global/data-tips-top.png) no-repeat;
}
.tips-bottom {
    height: 5px;
    background: url(http://honey.hunantv.com/i/image/global/data-tips-bottom.png) no-repeat;
}