body {
  padding-top: 0px;
}
.page-header h2 { padding:0; margin:0; display:inline}
.page-header h2 a {color:#333}
.page-header h2 a:hover{text-decoration:none; color: #333!important}
.mores {display:inline; float:right}
.mores span {margin-right:5px; line-height:30px}
.mores span a{ font-size:14px;}
.mores span.label {padding:5px 8px 5px 8px;}
.mores span.label a{ color:#fff;}
h1.navbar-brand{ padding:10px; margin:0px; font-size:20px; line-height:26px}
h1.navbar-brand a { color:#efefef;}
h1.navbar-brand small{ display:none}
h1.navbar-brand img {display:inline; line-height:26px; margin-right:2px; margin-top:-2px}
@media (min-width: 768px) { 
h1.navbar-brand small{ display:inline}
 }
td.td2 {overflow:hidden;white-space: nowrap;text-overflow:ellipsis; max-width:500px}
.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.pagination { padding-left:10px}
.navbar-fixed-top {
  border: 0;
}
.header{ font-weight:600}
.sidebar {
  display: none;
}
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: #888;
}


.main {
  padding: 20px;
}
@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.main .page-header {
  margin-top: 0;
}


.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0; height:24px; line-height:24px; overflow:hidden;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block; border-radius: 20%; width:125px; height:125px;
}
.lei h4 { line-height:16px;height:16px; width:40px; background-color:#fff; position:relative; bottom:-20px; z-index:99; float:left; text-align:center; left:8px}
.textbox { width:100%; float:left; border:1px #ccc solid; padding:10px 10px;border-radius: 10px}
.genreitem { width:140px; float:left; height:26px; line-height:26px; padding:5px}

.blur{padding:5px;}
td.td4 {overflow:hidden;white-space: nowrap;text-overflow:ellipsis; max-width:225px}

.info{min-height:145px;padding-bottom:15px;}
.clear{clear:both;}
#watch{display:none;}

#loginInfo{ height:auto; width:420px; line-height:20px; position:absolute; background:#FFF; z-index:2; display:none;}
.loginBoder{ position:absolute; left:-8px; top:-8px; width:436px; height:248px; background:#CCC;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5; z-index:-1}
.loginTitle{ padding:2px 6px; border-bottom:1px solid #CCC; background:#EBEBEB; z-index:99999;}
.loginContent{ background:#FFF; z-index:4; padding:6px; height:200px;}
.loginCloseX{ float:right; padding:2px 8px; cursor:pointer; position:absolute; top:0; right:0;font-weight:800; color:#333;}
.pagination {font-size:16px;text-align:center;margin:26px auto 50px;}
.pagination span.current,.pagination a {border:1px #efefef solid;color:#aaa;min-width:32px;height:32px;display:inline-block;vertical-align:middle;line-height:32px;cursor:pointer;margin:3px;font-size:12px;padding:0 8px}
.pagination span.current:hover,.pagination a:hover {background-color:#101010;border-color:#101010;color:#fff}
.pagination .next svg,.pagination .prev svg {width:12px;height:12px;fill:#999}
.pagination .next:hover svg,.pagination .prev:hover svg {fill:#fff}
.pagination .prev svg {transform:scale(-1,1);-ms-transform:scale(-1,1);-moz-transform:scale(-1,1);-webkit-transform:scale(-1,1);-o-transform:scale(-1,1)}
.pagination span.current {background-color:#101010;border-color:#101010;color:#fff}