@charset "utf-8";
/* --------------- reset --------------- */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
mark {
  color: #000;
  background: #ff0;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}
legend {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}

body {
	-webkit-font-smoothing: subpixel-antialiased !important;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
}
body {
	font-size: 125%;
	letter-spacing: 0.05em;
	line-height: 1.3em;
}

body>* {
	font-size: 85%;
	line-height: 1.3em;
} 

h2{
  display: inline-block;
  font-size: 18px;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
}


/* --------------- /reset --------------- */

/* --------------- fix styles ---------*/
.cc { clear:both; }
.cfix:after { content:" "; display:block; height:0; clear:both; visibility:hidden;}
.hidden { display:none; }
.show { display:block!important; }
.no-margin { margin:0!important; }
.no-padding { padding:0!important; }
.no-bg { background:none!important; }
.no-border{ border:none!important; }
.img-repl { text-indent:-9999px; overflow:hidden; display:block; }
.left{float:left;}
.right{float:right;}
.center{margin: 0 auto;display: block;}
/* --------------- /fix styles ---------*/

/* --------------- main styles ---------*/
html {
	overflow-y:scroll;
}
body {
	line-height:1;
	text-align:left;
	font: 14px Verdana, sans-serif;
}

.content{
	width:100%;
	margin:0 auto;
	padding:0px;
	position:relative;
  display: block;
}
.page-layout {
	margin:0 auto;
	padding:0px;
	position:relative;
	width:1600px;
}
/* --------------- /main styles ---------*/


/* ---------------  header styles ---------*/

.header .logo{
  float: left;
  margin: 0 10px;
}
.header .menu{
  display: block;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;

}
.header .menu li{
  display: block;
  float: left;
  font-weight: bold;
  font-size: 12px;
  line-height: 22px;
}
.header .menu li a{
  padding: 1px 12px;
  display: block;
}
.header .menu li i{
  display: block;
  margin: 11px auto;
  width: 20px;
  height: 20px;
  background: url(img/ico-menu-sprite.png);
}

.header .menu li i.ico-home{    background-position: 0 0;}
.header .menu li i.ico-category{background-position: -20px 0;}
.header .menu li i.ico-stars{   background-position: -40px 0;}
.header .menu li i.ico-tube{    background-position: -60px 0;}
.header .menu li i.ico-share{   background-position: -80px 0;}

.header .search{
  position: relative;
  display: block;
  float: left;
  margin-top: 7px;
  width: 650px;
  height: 50px;
  padding-right: 10px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.header .search input {
  vertical-align: top;
}
.header .search .search-input{
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 10px;
}
.header .search input[type=text]{
  width: 100%;
  height: 50px;
  padding: 0;
  margin: 0;
  font: 12px/50px Verdana ,sans-serif;
  color:#000;
  background: transparent;
  border: none;
}
.header .search input[type=submit] {
  cursor: pointer;
  overflow:hidden;
  width:  50px;
  height: 50px;
  background: url(img/search-btn.png) no-repeat center center;
  text-indent:-9999px;
  font-size:0;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0px;
  top: 0px;
}

.header-desc{
  font-size: 12px;
  line-height: 16px;
}
.header-desc .page-layout p{
  padding: 3px;
  margin: 0;
}

.mobile-btn i{
  background: url(img/ico-mobile-btn.png);
  display: block;
  width: 20px;
  height: 20px;
  margin: 0;
}
.mobile-btn.show-menu-btn i{  background-position: 0 0;}
.mobile-btn.share-btn i{      background-position: 0 -20px;}

.mobile-btn{
  display: none;
  margin: 0px;
  padding: 8px;
  position: absolute;
  top: 12px;
}
.mobile-btn.show-menu-btn {
  left: 0;
}
.mobile-btn.share-btn {
  right: 0;
}
/* --------------- /header styles ---------*/


/* --------------- thumb styles ---------*/
.box-thumbs{
  margin:5px auto;
  text-align: center;
}

.thumb .dropdown .desc-index{
  overflow: hidden;
  display: inline-block;
  text-align: center;
  font-size: 18px;
  line-height: 19px;
  height: 15px;
  padding: 5px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.thumb:hover .dropdown .desc-index{
  height: auto;
}

.thumb .dropdown .desc-index span{
  font-size: 14px;
}
.thumb{
  vertical-align: top;
  position:relative;
  display:inline-block;
  font: 11px/12px 'Ubuntu Condensed', sans-serif;
  margin: 2px 1px;
  padding: 1px;
  padding-bottom: 37px;
  width: 304px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}
.thumb img{
  display: block;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.thumb .label-left,
.thumb .label-right{
  position: absolute;
  top: 3px;
  z-index:5;
  display: block;
  font: 10px/19px Verdana, sans-serif;
  padding: 0 7px;
  background-color: rgba(0,0,0,0.6);
  background-color: #aadd33;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
.thumb .label-left{
  left: 3px;
}
.thumb .label-right{
  right: 3px;
}
	
.thumb .dropdown{
  position:absolute;
  display: block;
  top: 182px;
  left: 0px;
  width: 306px;
  height: 26px;
  overflow: hidden;
  z-index: 10;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
.thumb .dropdown:after { content:" "; display:block; height:0; clear:both; visibility:hidden;}
.thumb:hover .dropdown{
  height: auto;
}
.thumb .dropdown .desc{
  text-transform: capitalize;
  overflow: hidden;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  line-height: 19px;
  height: 17px;
  padding: 5px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.thumb:hover .dropdown .desc{
  height: auto;
}
.thumb .dropdown > div{
  padding: 4px 3px;
  text-align: left;
}
.thumb .dropdown > div:after { content:" "; display:block; height:0; clear:both; visibility:hidden;}
.thumb .dropdown > div i{
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: baseline;
  margin-right: 5px;
  background: url(img/ico-thumb.png);
}
.thumb .dropdown > div i.ico-1{background-position: 0 0;}
.thumb .dropdown > div i.ico-2{background-position: 0 -12px;}
.thumb .dropdown > div i.ico-3{background-position: 0 -24px;}

.thumb .dropdown > div.info{
  font-size: 10px;
}
.thumb .dropdown div.info > span{
  width: 49%;
}
.thumb .dropdown div.info > .right{
  text-align: right;
}
/* --------------- /thumb styles ---------*/


.title-line{
  display: block;
  font: 20px/22px 'Ubuntu Condensed', sans-serif;
}

.title-line h1,
.title-line h2,
.title-line h3{
	text-transform: capitalize;
	display: block;
  font: 20px/22px 'Ubuntu Condensed', sans-serif;
}


/* --------------- pagination styles ---------*/
.nav-box{
    position: relative;
    margin-top: 10px;
    padding: 4px 4px;
    font: 14px/16px 'Ubuntu Condensed', sans-serif;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
}

.nav-box .pager{
    padding: 3px 5px;
    position:relative;
    display: inline-block;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}
.nav-box .pager a,
.nav-box .pager span{
    display: inline-block;
    padding: 0 5px;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}
}
.nav-box .pager .prev{margin-right: 8px;}
.nav-box .pager .next{margin-left: 8px;}
.nav-box .pager{ display: inline-block; }
/* --------------- pagination styles ---------*/

/* --------------- /popup list box styles ---------*/
.popup-list-box{
  display: none;
}
.popup-list-box ul{
  margin: 0;
	padding: 0;
  width: 11.9%;
  display: inline-block;
  position: relative;
  list-style-type: none;
  vertical-align: top;
}
.popup-list-box ul li{
  list-style-type: none;
  display: block;
}
.popup-list-box a{
	text-transform: capitalize;
	font: 14px/16px 'Ubuntu Condensed', sans-serif;
  line-height: 30px;
  display: inline-block;
  border: 1px solid transparent;
  padding: 0 10px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
/* --------------- /popup list box styles ---------*/

/* ---------------  box list styles ---------*/
.box-list{
  font: 18px/20px 'Ubuntu Condensed', sans-serif;
  display: block;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
.box-list ul{
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 16.35%
}
.box-list ul li{
  display: block;
}
.box-list ul li a{
  display: block;
  padding: 10px 5px 10px 15px;
}

/* --------------- spots boxes styles ---------*/
.spot-block{
	display: block;
	overflow: hidden;
	text-align: center;
	position: relative;
	z-index: 1;
	margin: 0px auto;
}
.spot{
	display: inline-block;
	margin: 0;
	padding: 5px;
	width: 300px;
	height:250px;
	overflow: hidden;
}
.spot-block img,
.spot-block object,
.spot-block iframe{
	display:block;
	vertical-align:top;
	margin:0 auto;
}
/* --------------- /spots boxes styles ---------*/

/* --------------- footer styles ---------*/
.footer{
  padding: 5px 0;
}
.footer a{
  color: #88d9ff;
}
.footer a:hover{
  color: #88d9ff;
}
.footer .logo-box{
	width: 360px;
	float: left;
  text-align: right;
}
.footer .logo-box .logo{
	display: inline-block;
  margin: 10px 0;
}
.footer .desc-box{
  display: block;
  margin-left: 400px;
  font-size: 11px;
}

.footer .links-box{
  font-size: 13px;
}
.footer .copy-box{
	float: right;
	color: #696969;
	font-size: 12px;
	line-height: 58px;
}

/* --------------- /footer styles ---------*/


/* --------------- media screen styles ---------*/

@media only screen and (max-width: 1024px){
  .header{
    padding-bottom: 2px;
  }
  .header .logo {
    margin: 0 auto;
    float: none;
    display: block;
    width: 210px;
  }
  .header .search{
    float: none;
  } 
  .mobile-btn{
    display: block;
  }

  .header .menu{
    display: none;
  }
  .header.menu-open .menu{
    display: block;
  }
  .header .menu{
    position: absolute;
    top: 65px;
    left: 0px;
    z-index: 15;
    width: 200px;
    background: #34495e;
    padding: 0;
    border: none;
  }
  .header .menu li{
    float: left;
    display: block;
    width: 100%;
    padding: 0;
    border: none;
  }
  .header .menu li a{
    display: block;
    float: none;
    height: auto;
    text-align: left;
    margin: 0;
    padding: 10px 0;
    height: auto;
  }
  .header .menu li a i{
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
  }
  .header-desc{
    display: none;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1280px){
  .page-layout {
    width: 1024px;
  }
  .header .search {
    width: 800px;
  }
  .popup-list-box ul,
  .box-list ul {
    width: 33%;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1023px){
  .page-layout {
    width: 960px;
  }
  .header .search {
    width: 910px;
  }
  .popup-list-box ul,
  .box-list ul {
    width: 33%;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px){
  .page-layout {
    width: 640px;
  }
  .header .search {
    width: 590px;
  }
  .popup-list-box ul,
  .box-list ul {
    width: 32.6%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 639px){
  .page-layout {
    width: 480px;
  }
  .header .search {
    width: 430px;
  }
  .popup-list-box ul,
  .box-list ul {
    width: 49%;
  }
  .thumb {
    width: 230px;
  }
  .thumb img {
    width: 230px;
    height: 172px;
  }
  .thumb .dropdown{
    width: 232px;
  }
}
@media only screen and (max-width: 479px){
  .page-layout {
    width: 320px;
  }
  .header .search {
    width: 270px;
  }
  .popup-list-box ul,
  .box-list ul {
    width: 100%;
  }
}
/* --------------- /media screen styles ---------*/

/**{border: 1px solid red !important;}*/

/* --------------- colors ---------*/

body{
background: #ccddee;
color: #000;
}
a, a:visited {
color:#000;
text-decoration:none;
}
a:hover {
color:#000;
text-decoration:none;
}
a:focus, a:active {
color:#000;
text-decoration:none;
}

.header{
background: #9966bb;
}
.header .menu{
border-left: 1px solid #0222C7;
background: #9966bb; //* mobile bg *//
}
.header .menu li{
border-right: 1px solid #0222C7;
}

.header .menu li a{
color: #fff;
text-shadow: 1px 1px 0 #000;
}
.header .menu li a:hover{
background: #0222C7;
text-decoration: none;
}
.header .search{
background: #ccddee;
}
.header-desc{
background: #0222C7;
color: #fff;
}

.title-line{
color: #000;
}

.thumb{
background: #9966bb;
border-bottom: 2px solid #000;
}
.thumb:hover{
color: #000;
background: #0222C7;
}

.thumb .label-left,
.thumb .label-right{
background: #ddcccc;
color: #000;
}
.thumb a{
color: #ddcccc;
text-decoration:underline;
}
.thumb a:hover{
color: #fff;
text-decoration:none;
}
.thumb .dropdown{
color: #fff;
background: #9966bb;
}
.thumb:hover .dropdown{
color: #fff;
background: #0222C7;
}

.thumb .dropdown .desc{
color: #fff;
}
.thumb:hover .dropdown .desc{
color: #fff;
height: auto;
}
.thumb:hover .dropdown .desc span{
color: #0222C7;
}

.nav-box .pager{
border: 1px dashed #000;
background: #0222C7;
color: #fff;
}
.nav-box .pager span{
color: #fff;
}
.nav-box .pager a{
color: #fff;
text-decoration:none;
}
.nav-box .pager a:hover,
.nav-box .pager .activ{
color: #000;
background: #fff;
}

.box-list{
border: 1px dashed #000;
background: #0222C7;
}
.box-list ul li a{
color: #fff;
}
.box-list ul li a:hover{
background: #fff;
color: #000;
}

.fancybox-skin{
background: #ccddee;
}
.popup-list-box{
background: #ccddee;
display: none;
}
.popup-list-box a{
color: #000;
}
.popup-list-box a:hover{ 
color: #fff; 
background: #0222C7;
}

.footer{
background: #0222C7;
}
.footer .desc-box{
color: #000;
}

.iiifjjd784{
color: #fff;
background: #0222C7;
border: 1px solid #0222C7;

}
.iiifjjd784 div.info{
color: #fff;
}
.iiifjjd784 a{
color: #fff;
text-decoration:underline;
}
.iiifjjd784 a:hover{
text-decoration:none;
}

.video-comments{
color: #000;
}

/* ---------------  video box styles ---------*/
.video-page{
  float: left;
  width: 910px;
}
.box-video{
  width: 910px;
  height: 580px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
}
.box-video > iframe,
.box-video > object,
.box-video > object embed {
  width: 910px;
  height: 580px;
}

.video-info-box{
  display: block;
  font-size: 11px;
  line-height: 18px;
  font-family: 'Ubuntu Condensed', sans-serif;
  padding: 5px 10px;
  margin: 5px 0;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

.video-info-box > div{
  padding: 4px 3px;
  text-align: left;
}
.video-info-box > div:after { content:" "; display:block; height:0; clear:both; visibility:hidden;}
.video-info-box div.info{
  font-size: 11px;
}
.video-info-box .desc{
  margin: 5px 0;
}
.video-info-box > div i{
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: baseline;
  margin-right: 5px;
  background: url(img/ico-thumb.png);
}
.video-info-box > div i.ico-1{background-position: 0 0;}
.video-info-box > div i.ico-2{background-position: 0 -12px;}
.video-info-box > div i.ico-3{background-position: 0 -24px;}

.video-page-vert-ad{
  float: right;
  display: block;
  width: 305px;
  /*height: 530px;*/
  margin-bottom: 0px;
  text-align: center;
  border: 0 none;
}
.video-page-vert-ad2{
  float: right;
  display: block;
  width: 305px;
  /*height: 530px;*/
  margin-bottom: 0px;
  text-align: center;
  border: 0 none;
}

.r_line {width:100%; overflow:hidden;}
.r_line label {float:left; width:120px; padding-top:2px;}

/* --------------- /video box styles ---------*/