@font-face
{
	font-family: "Roboto Condensed";
	font-style: normal;
	font-weight: 400;
	src: url("fonts/robotocondensed-regular-webfont.eot");
	src: url("fonts/robotocondensed-regular-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/robotocondensed-regular-webfont.woff") format("woff"),url("fonts/robotocondensed-regular-webfont.ttf") format("truetype"),url("fonts/robotocondensed-regular-webfont.svg#Roboto Condensed") format("svg");
}
@font-face
{
	font-family: "Roboto Condensed";
	font-style: italic;
	font-weight: 400;
	src: url("fonts/robotocondensed-italic-webfont.eot");
	src: url("fonts/robotocondensed-italic-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/robotocondensed-italic-webfont.woff") format("woff"),url("fonts/robotocondensed-italic-webfont.ttf") format("truetype"),url("fonts/robotocondensed-italic-webfont.svg#Roboto Condensed") format("svg");
}
@font-face
{
	font-family: "Roboto Condensed";
	font-style: normal;
	font-weight: 700;
	src: url("fonts/robotocondensed-bold-webfont.eot");
	src: url("fonts/robotocondensed-bold-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/robotocondensed-bold-webfont.woff") format("woff"),url("fonts/robotocondensed-bold-webfont.ttf") format("truetype"),url("fonts/robotocondensed-bold-webfont.svg#Roboto Condensed") format("svg");
}
@font-face
{
	font-family: "Roboto Condensed";
	font-style: italic;
	font-weight: 700;
	src: url("fonts/robotocondensed-bolditalic-webfont.eot");
	src: url("fonts/robotocondensed-bolditalic-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/robotocondensed-bolditalic-webfont.woff") format("woff"),url("fonts/robotocondensed-bolditalic-webfont.ttf") format("truetype"),url("fonts/robotocondensed-bolditalic-webfont.svg#Roboto Condensed") format("svg");
}
@font-face
{
	font-family: "Roboto Condensed";
	font-style: normal;
	font-weight: 300;
	src: url("fonts/robotocondensed-light-webfont.eot");
	src: url("fonts/robotocondensed-light-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/robotocondensed-light-webfont.woff") format("woff"),url("fonts/robotocondensed-light-webfont.ttf") format("truetype"),url("fonts/robotocondensed-light-webfont.svg#Roboto Condensed") format("svg");
}
@font-face
{
	font-family: "Roboto Condensed";
	font-style: italic;
	font-weight: 300;
	src: url("fonts/robotocondensed-lightitalic-webfont.eot");
	src: url("fonts/robotocondensed-lightitalic-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/robotocondensed-lightitalic-webfont.woff") format("woff"),url("fonts/robotocondensed-lightitalic-webfont.ttf") format("truetype"),url("fonts/robotocondensed-lightitalic-webfont.svg#Roboto Condensed") format("svg");
}
@font-face {
  font-family: 'HH';
  src: url('HH.TTF');
}
@font-face {
  font-family: 'HHB';
  src: url('HHB.TTF');
}
@font-face {
  font-family: 'HHI';
  src: url('HHI.TTF');
}
@font-face {
  font-family: 'HHBI';
  src: url('HHBI.TTF');
}
html{
   /*-webkit-font-smoothing: antialiased;*/
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
   
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a,div,span{
   text-decoration:none;
   /*font-family:"VNF-Dax","Arial";*/
   font-family: 'Roboto Condensed', sans-serif;
   font-size:14px;
   color:#000;
   
}
li{
   list-style:none;
   float:left;
}
li.disable>a{
   cursor:default;
}
select{
   border:0;
   font-size:14px;
   /*font-family:'VNF-Dax','Arial';*/
   font-family:"Arial";
   height:100%;
   max-height:40px;
}
/********************************************/

#wrapper{
   
   width:100%;/** 1341**/
   height:auto;
   margin:0 auto;
   position:relative;
   min-height:100%;
   background:#eee;
}
@media (max-width: 1368px){
  /* some CSS here */
  #wrapper{
   margin:0;
  }
}

#main-container{
   width:100%;/**1181*/
   height:auto;
   float:left;
   background:#eee;
   padding-bottom:90px;
   width: auto;
   position: absolute;
   top: 63px;
   left: 0;
   right: 172px;
}
body{
   background:#eee;
}
#sidenav-container{
   width: auto;
   position: absolute;
   top: 0px;
   left: 0;
   right: 172px;
}
#main-wrapper{
   width:1158px;
   height:auto;
   float:none;
   margin:0 auto;
}
.nivo-prevNav ,.nivo-nextNav{
   top:50% !important;
   margin-top:-30px !important;
   width:26px;
   height:60px;
   opacity:.7;
}
.nivo-prevNav:hover ,.nivo-nextNav:hover{
   opacity:1;
}
.nivo-prevNav {
   background:url('../images/small_images.png') no-repeat center center;
   background-position:-96px 0;
}
.nivo-nextNav{
   background:url('../images/small_images.png') no-repeat center center;
   background-position:-122px 0;
}

.none-shadow,#navi-tab-btn li.active a{
   -webkit-text-stroke: 0;
}
.black-white,.sbSelectora,.sbOptions li a,#hot-header,#navi-tab-btn li a,.quick-filter li span,.tooltip-row,.comment-list .commentContent{
   /*-webkit-text-stroke: 1px rgba(0,0,0,0.1);*/
   
}
.red-white,.movie-title,.tooltip-row.cr,.comment-list .commentUserName{
   /*-webkit-text-stroke: 1px rgba(160,50,50,0.2);*/
   
}
.movie-title{
   color:#993333;
   line-height:20px;   
   max-height:40px;
   text-overflow: ellipsis;
   overflow:hidden;
}
.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; /* 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 */
   
}
.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;
}
.list-view .movie-eps{
   box-shadow:none;
}
.movie-eps span{
   font-family:'Roboto Condensed','Arial';
   font-size:11px;
   font-weight:700;
   line-height:17px;
   -webkit-transform: scaleY(1.1) scaleX(1.1);
   -moz-transform:scaleY(1.1) scaleX(1.1);
}
.movie-comment{
   position:absolute;
   top:173px;
   right:32px;
   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;
}
#top-list .movie-comment{
   top:120px;
   right:2px;
}
.movie-comment span{
   font-size: 11px;
   font-weight: 700;
   padding: 0 20px 0 4px;
   cursor:default;
}
.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 ul{
   /*width:100% !important;*/
   /*box-shadow:1px 1px 2px #333;*/
   height:18px;
   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;
}
figure{
   position:relative;
}
/*
figure a{
   overflow:hidden;
}
figure a img{
   -webkit-transform:scale(1.05);
   -webkit-transition:200ms;
}
figure a:hover img{
   -webkit-transform:scale(1);
}
*/
.tooltip,#tooltip,#tooltip .body{
   position:absolute;
   display:none;
   background:#fff;
   z-index:21;/* doi tu 9 thanh 21 de cao hon cai selectbox*/
   width:480px;
   /*height:362px;*/
   height:285px;
}
#tooltip{
   padding:9px;
   box-shadow: 0 0 5px 0 rgba(0,0,0,1);
   /*
   left:40px !important;
   top:220px !important;
   */
}
figure:hover .tooltip{
   /*display:block;*/
}
.tooltip-tab{
   display:none;
   height:29px;
   border-bottom:1px solid #ccc;
   width:auto;
   padding:0 9px;
   line-height:30px;
   
}


.tooltip-tab li{
   position:relative;
}
.tooltip-tab .active span{
   color:#f33;
   cursor:default;
   border-bottom-color: #666;
}
.tooltip-tab li:hover .tooltip-arrow{
   display:block;
}
.tooltip-arrow{
   position:absolute;
   bottom:0;
   display:none;
   left:50%;
   width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 0 2px 5px 2px;
   border-color: transparent transparent #933 transparent;
}
.tooltip-tab span{
   height:29px;
   border-bottom:1px solid #ccc;
   padding:0 9px;
   cursor:pointer;
   display:block;
   
}
.tooltip-tab span:hover{
   border-bottom:1px solid #933;
}
.tooltip-row .movie-eps{
   position:relative !important;
   top:auto !important;
   left:auto !important;
}
.tooltip-row .movie-features{
   position:relative !important;
   top:auto !important;
   left:auto !important;
   
}
.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-family: 'HHB';
font-size: 11px;
line-height: 18px;
}
.tooltip-row{
   line-height:20px;
   min-height:20px;
   height:20px;
   width:480px;
   float:left;
   position:relative;
   font-size:13px;
}
.tooltip-row.cr{
   color:#933;
   font-size: 14px;
   font-weight: 700;
}
.tooltip-row.w1{
   width:160px;
   float:left;
   overflow:hidden;
   text-overflow:ellipsis;
   margin:0;
}
.tooltip-row.m9{
}
.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-title{
   text-overflow:ellipsis;
   overflow:hidden;
   white-space:nowrap;
}
.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;
}
footer{
   position: fixed;
bottom: 0;
width: auto;
left: 0px;
right:0;
height: 27px;
line-height: 27px;
color: #fff;
z-index: 21;/*de hien chatbox**/ 
   -webkit-transition:200ms;
   -moz-transition:200ms;
   -o-transition:200ms;
}
footer.hideReview{
   height:27px;
   width:100%;
}
#footer-header{
   height:27px;
   width:100%;
   float:left;
   border-bottom:1px solid #55606c;
}
.hideReview #footer-header{
   width:100%;
}
#footer-btn{
   float:left;
   line-height:27px;
   height:27px;
   width:100%;
   position:relative;
   display:block;
   background: rgba(47,53,61,1);
}

#footer-filler{
   width:auto;
   position:absolute;
   left:120px;
   right:0px; 
   height:27px;
   background: rgba(47,53,61,.9);
}
.hideReview #footer-filler{
   height:0;
}
#serielist.hideReview{
   bottom:20px !important;
}
#main-container.hideReview{
   padding-bottom:27px !important;
}
#footer-btn span{ 
   color:#eee;
   float:left;
   line-height:26px;
}
#footer-header>span{
   width: 110px;
   float: left;
   padding-left: 10px;
   color: #eee;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   background: rgba(47,53,61,.9);
}
#footer-list{
   height:62px;
   width:100%;
   background: rgba(68,81,94,.9);
   -webkit-transition:200ms;
   -moz-transition:200ms;
   -o-transition:200ms;
   float:left;
   position:relative;
}
#fPrev,#fNext{
   width:24px;
   height:62px;
   position:absolute;
   top:0;
   display:none;
}
#footer-list>a:hover{
   background: #373F6B;
}
#fl-wrap{
   position:absolute;
   left:24px;
   left:0;
   height:62px;
   width:auto;
   right:24px;
   right:0;
   top:0;
   overflow:hidden;
}
#fl-wrap ul{
   height:50px;
   width:auto;
   float:left;
   margin-top:6px; 
   margin-left:auto;
   margin-right:auto;
   padding:0 9px; 
   float:none;
   text-align:center;
   
}
#fl-wrap ul li{
   display:inline-block;
   float:none;
}
#fl-wrap ul a{
   margin-right:9px;
   height:50px;
   display:block;
   float:left;
}
#fPrev i,#fNext i{
   position:absolute;
   top:50%;
   margin-top:-12px;
   background-position: -30px -206px !important;
}
#fPrev{
   left:0;
}
#fNext{
   right:0;
-moz-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-o-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
}
[class*="icon-"]{
   background:url('../images/small_images.png') no-repeat;
   display:inline-block;
   width:24px;
   height:24px;
}
.icon-add{
   background-position: -4px -402px;
   width:14px;
   height:14px;
}
.icon-edit{
   background-position: -44px -402px;
   width:14px;
   height:14px;
}
.isPm .icon-edit{
   display:none;
}
.icon-close{
   background-position: -23px -402px;
   width:14px;
   height:14px;
}
.icon-home{
   background-position: -24px 0;
}
.icon-review{
   background-position: -24px -24px;
}
.icon-forum{
   background-position: -24px -48px;
}
.icon-comment{
   width:16px;
   height:12px;
   background-position: -96px -125px;
   top: 50%;
position: absolute;
margin-top: -6px;
right:2px;
}
#sidenav-menu li.active .icon-home{
   background-position: -224px 0;
}
#sidenav-menu li.active .icon-review{
   background-position: -224px -24px;
}
#sidenav-menu li.active .icon-forum,figure .icon-forum{
   background-position: -224px -48px;
}
.icon-avatar{
   background-position: -48px -24px;
   width:44px;
   height:44px;
}
.icon-server{
   background-position: -0px -24px;
}
.icon-request{
   background-position: -0px -48px;
}
.icon-support{
   background-position: -0px -0px;
}
.icon-facebook{
   background-position: -0px -72px;
}
.icon-payment{
   background-position: -48px -0px;
}
[class*="icon-nav"]{
   width:26px;
   position:absolute;
   height:60px;
   top: 50%;
   margin-top: -30px;
   opacity:.5;
   display:none;
}
[class*="icon-nav"]:hover{
   opacity:.8;
}
.icon-nav-prev{
   background-position: -96px -60px;
   left:0;
}
.icon-nav-prev-black{
   background-position: -96px -0px;
   
   left:0;
}
.icon-nav-next{
   right:0;
   background-position: -122px -60px;
}
.icon-fullscreen{
   background-position: -128px -125px;
   width:14px;
   height:14px;
}
.full .icon-fullscreen{
   background-position: -128px -143px;
}
.icon-nav-next-black{
   right:0;
   background-position: -122px -0px;
}
.icon-switch-list{
   background-position: -0px -144px;
}
.icon-switch-line{
   background-position: -24px -144px;
}
.icon-filter{
   background-position: -24px -168px;
   float: left;
   margin-top: 10px;
   margin-right: -4px;
}
.icon-sort{
   background-position:-72px -168px;
}
.icon-search{
   
   background-position:-44px -167px;
}
.icon-logout{
   width:24px;
   height:60px;
   background-position:-48px -96px;
}
[class*="icon-page"]{
   background:url('../images/small_images.png');
}
.pager [class*="icon-page"]:hover{
   background:#ddd url('../images/small_images.png') !important;
}
.icon-like-film-pub{
   width:13px;
   height:12px;
   background-position:-0px -248px;
}
.icon-fb{
   width:32px;
   height:32px;
   background-position:-24px -248px;
}
.icon-imdb{
   width:26px;
   height:11px;
   background-position:-60px -248px;   
   position: absolute;
   top: 50%;
   margin-left:2px;
   margin-top: -6px;
}
.icon-arrow-up{
   width:00px;
   height:0px;
   position:absolute;
   bottom:2px;
   display:none;
   left:50%;
   width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 0 5px 6px 5px;
   border-color: transparent transparent #ccc transparent;
}
.icon-delete{
   width:19px;
   height:19px;
   background-position:-19px -332px;
}
.icon-delete:hover{
   background-position:-0px -332px;
}
[class*="icon-pm"]{
   width:32px;
   height:32px;
   background-position:-0px -300px;
}
.icon-pm-thecao{
   background-position: -0px -300px;  
}
.icon-pm-baokim{
   background-position: -32px -300px;  
}
.icon-pm-atm{
   background-position: -128px -300px;  
}
.icon-pm-tindung,.icon-pm-visa{
   background-position: -64px -300px;  
}
.icon-pm-sms{
   background-position: -96px -300px;  
}
.icon-pm-khoai{
   background-position: -160px -300px;  
}
.icon-pm-thuho{
   background-position: -192px -300px;  
}
li.active .icon-pm-thecao{
   background-position: -0px -356px;  
}
li.active .icon-pm-baokim{
   background-position: -32px -356px;  
}
li.active .icon-pm-atm{
   background-position: -128px -356px;  
}
li.active .icon-pm-tindung,li.active .icon-pm-visa {
   background-position: -64px -356px;  
}
li.active .icon-pm-sms{
   background-position: -96px -356px;  
}
li.active .icon-pm-khoai{
   background-position: -160px -356px;  
}
li.active .icon-pm-thuho{
   background-position: -192px -356px;  
}
.icon-review-down{
   float:left;
   background-position: -6px -206px !important;
   transform:rotate(270deg);
   -moz-transform:rotate(270deg);
   -ms-transform:rotate(270deg);
   -webkit-transform: rotate(270deg);

}
.icon-review-down.open{
   background-position: -6px -206px !important;
   transform:rotate(90deg);
   -moz-transform:rotate(90deg);
   -ms-transform:rotate(90deg);
   -webkit-transform: rotate(90deg);

}
.pager .icon-pageFirst,.pager .icon-pageFirst:hover,.pager ul li.disable .icon-pageFirst,.pager ul li.disable .icon-pageFirst:hover{
   background-position: -6px -207px !important;
}
.pager .icon-pagePrev,.pager .icon-pagePrev:hover,.pager ul li.disable .icon-pagePrev,.pager ul li.disable .icon-pagePrev:hover{
   background-position: -30px -207px !important;
}
.pager .icon-pageNext,.pager .icon-pageNext:hover,.pager ul li.disable .icon-pageNext,.pager ul li.disable .icon-pageNext:hover{
   background-position: -29px -224px !important;
}
.pager .icon-pageLast,.pager .icon-pageLast:hover,.pager ul li.disable .icon-pageLast,.pager ul li.disable .icon-pageLast:hover{
   background-position: -5px -224px !important;
}
.hide{
   display:none;
}
a.btn-watch-detail{
   height:20px;
   line-height:20px;
   color:#000;
   display:inline-block;
   background:#e3ab3b;
   text-align:center;
   width:130px;
   margin-right:4px;
   float:left;
}
a.btn-watch-detail:hover{
   color:#fff;
}
.movie-like {
position: absolute;
border: 0;
box-shadow: none;
top: 2px;
left: 2px;
display:block;
height:18px;
width:0px;
border-radius: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 );
box-shadow: 1px 1px 2px #333;
overflow:hidden;
-webkit-transition:200ms;
}
figure:hover .movie-like{
   width:103px;
}
figure:hover .icon-like-film-pub,.detail-image:hover .icon-like-film-pub{
   display:block;
}
.icon-search.searching {
background-position: 0 0;
width: 24px !important;
height: 24px !important;
right: 9px !important;
margin-top: -12px !important;
-webkit-animation-name:             rotate; 
    -webkit-animation-duration:         2s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: linear;
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to { 
    -webkit-transform: rotate(360deg);
  }
}
.movie-like.liked{
   width:19px !important;
}
.movie-like.liked span{
   display:none;
}
.movie-like .icon-like-film-pub{
   position: absolute;
   top: 3px;
   right:3px;
   display:none;
}
.movie-like span{
   position:absolute;
   left:8px;
   top:2px;
   font-size: 11px;
   font-weight: 700;
   -webkit-transform: scaleY(1.1) scaleX(1.1);
   -moz-transform: scaleY(1.1) scaleX(1.1);
   line-height: 14px;
   width:100px;
}
.movie-like:hover .icon-like-film-pub,.movie-like.liked .icon-like-film-pub{
   background-position:0px -260px;
   display:block;
}
.movie-like:hover span{
   color:#993333;
}
/*** LOADING ***/
.wrap {
}

.loaded .loader{
   display:none;
}
.loader {
  position: absolute;
  z-index: 3;
  margin: 0 auto;
  left: 50%;
  right: 0;
  top: 50%;
  margin-left:-45px;
  width: 90px;
  height: 60px;
  list-style: none;
}

@-webkit-keyframes loadbars {
  0%, 100% {
    -webkit-transform: scaleY(2);
  }

  50% {
    -webkit-transform: scaleY(0);
  }
}
@-moz-keyframes loadbars {
  0%, 100% {
    -moz-transform: scaleY(2);
  }

  50% {
    -moz-transform: scaleY(0);
  }
}
@-o-keyframes loadbars {
  0%, 100% {
    -o-transform: scaleY(2);
  }

  50% {
    -o-transform: scaleY(0);
  }
}
@keyframes loadbars {
  0%, 100% {
    transform: scaleY(2);
  }

  50% {
    transform: scaleY(0);
  }
}
.wrap li {
  background-color: #cccccc;
  width: 10px;
  height: 10px;
  float: right;
  margin-right: 5px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
}

.wrap li:first-child {
  -webkit-animation: loadbars 1s cubic-bezier(0.645, 0.045, 0.355, 1) infinite 0s;
  -moz-animation: loadbars 1s cubic-bezier(0.645, 0.045, 0.355, 1) infinite 0s;
  animation: loadbars 1s cubic-bezier(0.645, 0.045, 0.355, 1) infinite 0s;
}

.wrap li:nth-child(2) {
  -webkit-animation: loadbars 1s ease-in-out infinite -0.2s;
  -moz-animation: loadbars 1s ease-in-out infinite -0.2s;
  animation: loadbars 1s ease-in-out infinite -0.2s;
}

.wrap li:nth-child(3) {
  -webkit-animation: loadbars 1s ease-in-out infinite -0.4s;
  -moz-animation: loadbars 1s ease-in-out infinite -0.4s;
  animation: loadbars 1s ease-in-out infinite -0.4s;
}

.wrap li:nth-child(4) {
  -webkit-animation: loadbars 1s ease-in-out infinite -0.6s;
  -moz-animation: loadbars 1s ease-in-out infinite -0.6s;
  animation: loadbars 1s ease-in-out infinite -0.6s;
}

.wrap li:nth-child(5) {
  -webkit-animation: loadbars 1s ease-in-out infinite -0.8s;
  -moz-animation: loadbars 1s ease-in-out infinite -0.8s;
  animation: loadbars 1s ease-in-out infinite -0.8s;
}

.wrap li:nth-child(6) {
  -webkit-animation: loadbars 1s ease-in-out infinite -1s;
  -moz-animation: loadbars 1s ease-in-out infinite -1s;
  animation: loadbars 1s ease-in-out infinite -1s;
}

/*****************/
.pager{
   width:auto;
   height:24px;
}
.pager ul{
   float:right;
}
.pager ul li{
   float:left;
   height:24px;
   margin-right:3px;
}
.pager ul li a{
   height:22px !important;
   border:1px solid transparent;
   line-height:22px !important;
   border-radius:1000px;
   min-width:22px;
   display:block;
   text-align:center;
   
font-size: 16px;
font-weight: bold;
}
.pager ul li a:hover{
   border:1px solid #ddd;
}
.pager ul li.active a{
   /*border:1px solid #ddd;*/
}
.pager ul li.active a:hover{
   border:1px solid #999;
}
.pager ul li.disable a{
   opacity:0.5;
}
.pager ul li.disable a:hover{
   background:url('../images/small_images.png') !important;
   border:1px solid transparent  !important;
}
.pager ul li.pager-seperator{
   height:22px;
   border:1px solid #ddd;
   line-height:22px;
   border-radius:1000px;
   min-width:22px;
   display:block;
   text-align:center;
   padding:0 5px;
}
.pager ul li.active a{
   color:#111;
   font-weight:normal;
   background: url(../images/small_images.png) no-repeat center right;
   padding-right: 20px;
   background-position: 26px -177px;
   padding-left: 5px;
}
.pager ul li.active{
   position:relative;
}
.page-picker{
   width:81px;
   position:absolute;
   top:20px;
   height:24px;
   left:50%;
   margin-left:-40px;
   z-index:1;
}
.page-picker input[type="submit"]{
   background:#fff;
   border:1px solid #ccc;
   border-radius:2px;
   font-size:14px;
   font-family:'Arial';
   height:24px;
   padding:1px 6px;
   margin-left:2px;
   
   line-height:20px;
}
.page-picker-tb{
   width:50px;
   height:24px;
   padding:5px 4px;
   line-height:16px;
   float:left;
   font-family:'Arial';
   border-radius: 3px;
   border: 0;
   box-shadow: inset 0px 0px 1px rgba(0,0,0,.6);
}
/*** rater **/

/* RATER PLUGIN */
.ui-rater>span {vertical-align:top;}
.ui-rater-rating,.ui-rater-starsOff{margin-left:5px}
.ui-rater-starsOff{
   width:110px;
}
.ui-rater-starsOff, .ui-rater-starsOn {display:inline-block; height:13px; background:url(../images/khoai.png) repeat-x 0 0px;}
.ui-rater-starsOn {display:block; max-width:110px; top:0; background-position: 0 -26px;}
.ui-rater-starsHover {background-position: 0 -13px!important;}
/***120***/
#main-container{
   min-height:100%;
}
.movie-mes{
   line-height:40px;
   height:40px;
   text-align:center;
}
.chatHidden #main-container,.chatHidden #sidenav-container{
   right:0;
}
/**hint**/
#searchbox-hint{
   position:absolute;
   height:auto;
   top:36px;
   left:0;
   right:auto;
   padding:5px;
   background:#fff;
   border:1px solid #ddd;
   border-top:0;
   z-index:200;
   max-height: 265px;
   overflow: auto;
   display:none;
   box-shadow: 1px 1px 1px rgba(0,0,0,.5);
}
#searchbox-hint>li{
   width:100%;
   padding:6px 0px 4px;
   height:57px;
}
#searchbox-hint>li.active{
   background:#ccc;
}
#searchbox-hint>li:hover{
   background:#fafafa;
}
#searchbox-hint>li[id^=movie-hint-actor]{
   /* background: #ffff80;*/
}
#searchbox-hint>li[id^=movie-hint-actor].active{
   /*background:#fff;*/
}
#searchbox-hint>h3{
   line-height:32px;
   padding-left:5px;
   color:#111;
   width:100%;
   background:#eee;
   border-left:5px solid #993333;
   margin-left:-5px;
   height:32px;
   clear:both;
}
#searchbox-hint>span{
   line-height:20px;
   height:20px;
}
#searchbox-hint>li a{
   width:100%;
   height:57px;
   position:absolute;
   left:0;
   top:0;
   z-index:2;
   display:inline-block;
   float:left;
   margin-right:4px;
   box-shadow:none;
}
#searchbox-hint .movie-title{
   margin-top:-3px;
   display:none;
}
#searchbox-hint .movie-info{
   height:19px;
   position:absolute;
   top:38px;
}
#searchbox-hint .tooltip{
   display:block;
   position: absolute;
   top:0px;
   width:100%;
   float: left;
   height: 18px;
   background: none;
}
#searchbox-hint .tooltip .tooltip-row,#searchbox-hint .tooltip .tooltip-comment{
   display:none;
}
#searchbox-hint .tooltip span{
   display:none;
}
#searchbox-hint .tooltip .lv-actor,#searchbox-hint .tooltip .lv-title,#searchbox-hint .tooltip .lv-year{
   display:block;
}
#searchbox-hint .tooltip .lv-title,#searchbox-hint .tooltip .lv-year{
   display:inline-block;
   width:auto;
   margin-right:2px;
   max-width:84%;
   height: 18px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
#searchbox-hint .tooltip .lv-actor{
   max-width:100%;
   height: 18px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
#searchbox-hint .movie-eps{
   margin-right:5px;
}
#searchbox-hint .tooltip .lv-year{
   border-left:1px solid #933;
   padding:0 3px;
   color:#933;
   overflow:visible;
   margin-right:0;
}
#searchbox-hint>li figcaption{
   display:inline-block;
   overflow:hidden;
   width: auto;
   position: absolute;
   top: 0;
   left:45px;
   right:0;
   height:60px;
   z-index:0;
}