@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400italic,400,700&subset=latin,vietnamese);
@font-face {
  font-family: 'HHB';
  src: url('HHB.TTF');
}


[class*="icon-"] {
   background: url("../images/small_images.png") no-repeat;
   display: inline-block;
   width: 24px;
   height: 24px;
}
#posts .jcarousel-next.hide,#posts .jcarousel-prev.hide{
   display:none !important;
}
#relate-container>ul>li {
   width: 134px;
   height:253px;
}
#tooltip *{
   font-family:"Roboto Condensed", sans-serif;   
}
figure {
   position: relative;
}
figure>a.movie-link {
   box-shadow: inset 0 0 1px #000;
}
a.movie-link {
   width: 134px;
   height: 193px;
   display: block;
   background: #f5f5f5;
}
figcaption {
   width: 0%;
   height: 0%;
   top: 0;
   left: 0;
}
.tooltip, #tooltip, #tooltip .body {
   position: absolute;
   display: none;
   background: #fff;
   z-index: 21;
   width: 480px;
   /* height: 362px; */
   height: 285px;
}
.tooltip-row {
line-height: 20px;
min-height: 20px;
height: 20px;
width: 480px;
float: left;
position: relative;
font-size: 13px;
}
#tooltip {
   padding: 9px;
   box-shadow: 0 0 5px 0 rgba(0,0,0,1);
}
.tooltip-row.cr {
   color: #933;
   font-size: 14px;
   font-weight: 700;
}
.tooltip-row.trha{
   margin-top:6px;
   max-height: 100px;
   height:auto;
   overflow: hidden;
   text-overflow:ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 5;
   -webkit-box-orient: vertical;
   font-size:14px;
}
.tooltip-row.w2{
   width:320px;
   float:left;
   overflow:hidden;
   text-overflow:ellipsis;
   margin:0;
}
.tooltip-row.w3{
   width:480px;
   float:left;
   overflow:hidden;
   text-overflow:ellipsis;
   margin:0;
}
.tooltip-row span{
   font-weight:700;
   font-size:13px;
}
.tooltip-row.lv-year{
   display:none;
}
.tooltip-row.lv-title{
   text-overflow:ellipsis;
   overflow:hidden;
   white-space:nowrap;
}
.tooltip-row.lv-imdb{
   color:#000;
}
.tooltip-row.lv-imdb score{
   background:#e3ab3b;
   color:#000;
   border-radius:2px;
   padding:0 2px;
   font-size:13px;
}
.tooltip-comment{
   margin-top:5px;
   float:left;
   position:relative;
   min-height: 150px;
}
figure .tooltip-comment{
   display:none;
}
.tooltip-comment-header{
   height:20px;
   /*border-left:4px solid #933;*/
   /*background:#ccc;*/
   color:#993333;
   padding-left:0px;
   line-height:20px;
   width:461px;
margin-bottom: 13px;
margin-top: -8px;
}
.tooltip-comment-data{
   line-height:20px;
   }
.comment-list{
   max-height:240px;
   overflow:hidden;
   float:left;
}
.comment-list .commentUserName,.comment-list .commentPostTime,.comment-list .commentContent{
   float:left;
   height:20px;
   line-height:20px;
   overflow:hidden;
}
.comment-list .commentUserName{
   color:#933;
}
.comment-list .commentPostTime{
   color:#aaa;
   margin-left:5px;
}

.comment-list .commentContent{
   width:480px;
   height:20px;
   white-space: nowrap;
   text-overflow:ellipsis;
}
.tooltip-tab {
   display: none;
   height: 29px;
   border-bottom: 1px solid #ccc;
   width: auto;
   padding: 0 9px;
   line-height: 30px;
}
.filmquality {
background: #e6e6e6;
background: -moz-linear-gradient(top, #e6e6e6 0%, #cecece 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#cecece));
background: -webkit-linear-gradient(top, #e6e6e6 0%,#cecece 100%);
background: -o-linear-gradient(top, #e6e6e6 0%,#cecece 100%);
background: -ms-linear-gradient(top, #e6e6e6 0%,#cecece 100%);
background: linear-gradient(to bottom, #e6e6e6 0%,#cecece 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e6e6e6", endColorstr="#cecece",GradientType=0 );
border-radius: 2px;
display: inline-block;
height: 18px;
position: absolute;
top: 1px;
left: 57px;
padding: 0 2px;
color: #666666;
font-size: 11px;
line-height: 18px;
}
.movie-title {
position: absolute;
top: 197px;
left: 0px;
}
.movie-title {
color: #993333;
line-height: 20px;
max-height: 40px;
text-overflow: ellipsis;
overflow: hidden;
}
#movielist-content figcaption .movie-title {
position: absolute;
top: 197px;
left: 0px;
}
.movie-title a div {
   color: #993333;
   line-height: 18px;
   max-height: 36px;
}
figcaption .movie-title a div {
   
font-family: 'Roboto Condensed', sans-serif;
text-align:left;
font-size:14px;
   width: 134px;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}
.movie-info {
   height: 18px;
   float: left;
   width: 100%;
   line-height: 18px;
}
.movie-eps {
display: block;
color: #111111;
float: left;
margin-right: 2px;
width: auto;
padding: 0 4px;
height: 18px;
line-height: 20px;
border-radius: 3px;
background: #e6e6e6;
background: -moz-linear-gradient(top, #e6e6e6 0%, #cecece 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#cecece));
background: -webkit-linear-gradient(top, #e6e6e6 0%,#cecece 100%);
background: -o-linear-gradient(top, #e6e6e6 0%,#cecece 100%);
background: -ms-linear-gradient(top, #e6e6e6 0%,#cecece 100%);
background: linear-gradient(to bottom, #e6e6e6 0%,#cecece 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e6e6e6", endColorstr="#cecece",GradientType=0 );
}
.movie-eps {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default;
box-shadow: 1px 1px 2px #333;
}
figcaption .movie-eps {
position: absolute;
top: 173px;
left: 2px;
}
.movie-comment {
position: absolute;
top: 173px;
right: 2px;
background: #e6e6e6;
background: -moz-linear-gradient(top, #e6e6e6 0%, #cecece 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#cecece));
background: -webkit-linear-gradient(top, #e6e6e6 0%,#cecece 100%);
background: -o-linear-gradient(top, #e6e6e6 0%,#cecece 100%);
background: -ms-linear-gradient(top, #e6e6e6 0%,#cecece 100%);
background: linear-gradient(to bottom, #e6e6e6 0%,#cecece 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e6e6e6", endColorstr="#cecece",GradientType=0 );
height: 18px;
border-radius: 3px;
width: 20px;
box-shadow: 1px 1px 2px #333;
}
.icon-comment {
width: 16px;
height: 12px;
background-position: -96px -125px;
top: 50%;
position: absolute;
margin-top: -6px;
right: 2px;
}
.movie-info {
height: 18px;
float: left;
width: 100%;
line-height: 18px;
}
.movie-features{
display:block;
float:left;
height:18px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor:default;
}
.movie-features {
position: absolute;
top: 235px;
left: 0px;
}
.movie-features ul{
/*width:100% !important;*/
/*box-shadow:1px 1px 2px #333;*/
height:18px;
margin:0 !important;
border-radius:2px;
}
.movie-features ul li{
float:left;
height:18px;
width:auto;
line-height:18px;
font-family:'HHB','VNF-Dax','Arial';
font-size:11px;
background: #e6e6e6; /* Old browsers */
background: -moz-linear-gradient(top,  #e6e6e6 0%, #cecece 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#cecece)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e6e6e6 0%,#cecece 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e6e6e6 0%,#cecece 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e6e6e6 0%,#cecece 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e6e6e6 0%,#cecece 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#cecece',GradientType=0 ); /* IE6-9 */
padding-right:4px;
}
.movie-features ul li:first-child{
padding-left:4px;
}
.movie-features ul li:last-child{
padding-right:4px;
}
.movie-features ul li:first-child{
border-top-left-radius:2px;
border-bottom-left-radius:2px;
}
.movie-features ul li:last-child{
border-top-right-radius:2px;
border-bottom-right-radius:2px;
}