html, body, p, h1, h2, h3, h4, h5, em, i, table, tr, td, th, form, input, textarea, select, li, ol, ul, strong {padding:0;margin:0;}
html {font-size:62.5%;}
body {background: #151515;color: #fff;font-size: 15px;font-family: 'arial', sans-serif;min-width:310px;}
em, i { font-style:normal;}
li { list-style-type:none;}
h1, h2, h3, h4, h5 {font-weight:normal;padding:5px 10px; text-align:left;clear: both;}
.emdesc {
    text-align: left;
    font-size: 24px;
    margin: 10px 10px;
} 
}
p {padding:5px 0;}
a:active, a:focus, img, input, select {outline: 0;}
a, a:link, a:active, a:visited {color: #fff;cursor: pointer;text-decoration: none;}
a:hover {color:#f31e47;text-decoration: none;}
img {border:none;}
.item .tube {
  background-color: #f31e47;
  border-radius: 2px;
  display: block;
  font-size: 10px;
  height: 18px;
  line-height: 18px;
  margin-top: 3px;
  padding-left: 5px;
  padding-right: 5px;
  position: absolute;
  left: 12px;
  top: 30px;
  opacity: 0.7;
}
.clear { clear:both; font-size:0; line-height:0; height:0;}
#all {font-family: 'arial', sans-serif;}
#header {height:84px;margin-bottom: 3px;}
.head_sec {height:53px;overflow:hidden;background-color: #000;border-bottom: 1px solid #f31e47;}
  .logo { float:left; margin:11px 0 0 10px;} 
  .search { margin:10px 10px 0 135px;}
    .search form {background: #151515;border: 1px solid #f31e47;height:30px;display:block;}
    .sub {width:30px;text-align:center;font-size:20px;background:none;float:right;padding: 0px 0px;display:inline-block;color: #fff;cursor:pointer;height: 30px;border: 0;background-color: #f31e47;}
    .inp_box { margin-right:33px; padding:5px}
    .inp {width:100%;border:0;background: #151515;line-height:20px;height:20px;font-family: 'arial', sans-serif;font-size:13px;color:#fff;}
.menu ul {display: table;width: 100%;}
  .menu li {display: table-cell;text-align: center;height: 30px;line-height: 30px;width: 25%;border-left: 1px solid #f31e47;}
  .menu li:first-child { border:0;}
  .menu li a, .menu li a:visited {width: 100%;display:block;font-size:18px;color:#fff;text-decoration:none;height: 30px;border-bottom: 1px solid #f31e47;background-color: #1a1a1a;}
  .menu li.active a, .menu li.active a:visited { background:#fff;}
  .menu li.active a, .menu li.active a:visited { background:#fff;}
  .menu li a:hover {background:#262b30;color:#f31e47;text-decoration: none;}
.top_banner {text-align: center;}
.page_name { font-size:20px; text-align:center;}
.navigation {text-align: left; font-size:12px; padding-left:3px; }
.videos {text-align:center;max-width: 1017px;margin: 0 auto;}
  .item {display:inline-block;text-align: left;position: relative;padding: 4px;width:242px;overflow:hidden;background: #1a1a1a;border-radius: 3px;}
    .item a, .item a:visited {color:#fff;text-decoration:none;}
    .item a:hover {color:#f31e47;}
    .item span { display:block;}
    .item .name { color: #333333; text-decoration:none; line-height:18px; height:18px; overflow:hidden; margin-bottom:4px;}
    .item .name:hover {color:#f31e47;}
    .item .det { font-size:12px; line-height:18px;}
    .item .det em { color:#000;}
    .item .image {width:240px;height:180px;overflow:hidden;/* border:1px solid #f31e47; */float:left;}
    .item .image img {width:240px; height:180px; display:block;}
    .item .desc { width:240px; float:left;}
    .pagination {border-width:1px 0;min-height: 43px;font-size:18px;text-align:center;line-height:43px;margin-bottom: 0;padding: 4px;}
    .pagination a {display:inline-block;width: 45px;height: 43px;}
    .pagination li {border: 1px solid #f31e47;display: inline-block;width: 45px;background-color: #1a1a1a;border-radius: 3px;}
    .pagination li:hover {background-color:#f31e47}
    .pagination #active {background-color:#f31e47}
    .next { float:right; background:url(../images/next.png) 0 0 no-repeat;}
    .not_active {-moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; cursor:default !important;}
    
.banners {padding:2px;text-align:center;display: none;}
.embed {
    background: #1a1a1a;
    /* border: 1px solid #f31e47; */
    max-width: 1030px;
    margin: 0 auto;
    /* min-height: 530px; */
    border-radius: 3px;
    }
.embed > iframe{width:100%;}
.categ {width:100%;overflow:hidden;/* border-bottom: 1px solid #f31e47; */margin-bottom:10px;}
  .categ li { width:50%; float:left; margin-left:-1px; border: 1px solid #f31e47; border-right:0; border-bottom:0;text-align: center;height: 37px;line-height: 37px;  background:url(../images/categ_li.png) 0 0 repeat-x;}
  .categ li a, .categ li a:visited {width: 100%; display:block; font-size:18px; color:#fff; height: 37px;line-hight: 37px; text-decoration:none;}
  .categ li span{ font-size:13px;}
#footer {text-align:center;padding:7px;background: #000;font-size:11px;color:#fff;border-top: 1px solid #f31e47;}
#footer a, #footer a :visited { color:#f31e47; padding:0 7px;}
.popular {
  
    padding: 4px;
}

.popular a {
  display:inline-block;
  background-color: #1a1a1a;
  margin:2px;
  padding:3px 6px 3px 6px;
  border-radius:2px;
}
.popular a:hover {

  background-color:#262b30;
}
.popular .title {
  font-size: 20px;
  background-color: #1a1a1a;
  padding: 6px 12px;
  margin: 3px;
  border-radius: 3px;
}

.footer a { margin-left: 10%;}


@font-face {
      font-family: 'fontello';
      src: url('./font/fontello.eot?1011905');
      src: url('./font/fontello.eot?1011905#iefix') format('embedded-opentype'),
           url('./font/fontello.woff?1011905') format('woff'),
           url('./font/fontello.ttf?1011905') format('truetype'),
           url('./font/fontello.svg?1011905#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }
     
     
.demo-icon
    {
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      speak: none;
     
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      margin-right: .2em;
      text-align: center;
      font-variant: normal;
      text-transform: none;
     
      line-height: 1em;
     
      margin-left: .2em;
     
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;

    }
.cat_content {
  background: #1a1a1a;
  border: 1px solid #f31e47;
  max-width: 1030px;
  margin: 0 auto;
  border-radius: 3px;
  overflow: hidden;
} 
    .categ {text-align: left;display:inline-block;width: 30%;float: left;padding: 10px 13px;}
    .categ a {font-weight: bold;padding: 5px 15px;font-size: 16px;}
    .categ div a {font-weight: normal;padding: 2px;font-size: 14px;}
  
    .star-cat ul li {
    padding: 8px 0px;
    float: left;
    width: 25%;
    font-size:16px;
}
  @media screen and (max-width:680px) {
  .menu li span {font-size:12px;}
  .menu li i {font-size: 12px;}
  .item {width: 97%;}

.item .image {
    width: 99%;
    height: 33%;
    overflow: hidden;
    border: 1px solid #f31e47;
    float: left;
}

  .item .image img {
    width: 100%;
    height: 33%;
    display: block;
}


}

  @media screen and (max-width:320px) {
  .menu li span {display: none;}
  .navigation {display: none;}

}