body, ul, li, p, h1, h2, form, input { margin: 0; padding: 0; }

li { list-style-type: none; }


body { background-color: rgb(229,229,229); color: rgb(129,129,129); font-family: 'Alegreya Sans', sans-serif; font-size: 14px; margin: 0; padding: 0; text-align: center; }

img { display: block; background-color: rgb(209,209,209); }
a { color: rgb(30,39,49); text-decoration: none; transition: 0.2s ease; }
a:hover { color: rgb(39,184,209); }

h1 { color: rgb(30,39,49); font-size: 24px; line-height: 32px; display: block; margin: 10px 5px 0 5px; }
h2 { color: rgb(30,39,49); font-size: 20px; line-height: 28px; display: block; margin: 10px 5px 2px 5px; }

.head_wrapper { background-color: rgb(239,239,239); border-bottom: 1px solid rgb(209,209,209); box-shadow: 0 1px 0 0 rgb(255,255,255); overflow: hidden; }
.head { margin: 0 auto; font-size: 0; padding: 0 0 10px 0; }
.logo { display: inline-block; vertical-align: middle; margin: 10px 5px 0 5px; width: 230px; height: 50px; font-size: 14px; }
.logo a { background-image: url(../images/logo.png); background-repeat: no-repeat; display: block; width: 230px; height: 50px; }

.menu { display: inline-block; vertical-align: middle; }
.menu li { display: inline-block; vertical-align: middle; margin: 10px 5px 0 5px; height: 20px; line-height: 20px; }
.menu li a { display: block;  padding: 0 20px; font-weight: bold; font-size: 16px; }
.menu li.active a, .menu li a:hover {  background-color: rgb(39,184,209); color: rgb(255,255,255); }

.search { display: inline-block; vertical-align: middle; margin: 10px 5px 0 5px; width: 240px; height: 30px; }
.search form { display: block; width: 240px; height: 30px; overflow: hidden;  }
.search input { display: block; height: 30px; line-height: 30px; font-weight: bold; color: rgb(129,129,129); text-align: center; background: none; float: left; border-radius: 15px; border: 0 none; }
.search input.search_field { width: 205px; background-color: rgb(255,255,255); box-shadow: inset 0 0 0 1px rgb(209,209,209); }
.search input.search_button { margin-left: 5px; background-color: rgb(30,39,49); background-image: url(../images/search.png); background-repeat: no-repeat; background-position: 7px 7px; background-size: 15px 15px; cursor: pointer; width: 30px; height: 30px; transition: 0.2s ease; }
.search input.search_button:hover { background-color: rgb(39,184,209); }

.content { margin: 0 auto; }

.thumbs_wrapper { font-size: 0; padding-top: 2px; }

.thumb { background-color: rgb(249,249,249); border: 1px solid rgb(209,209,209); box-shadow: 0 0 0 1px rgb(255,255,255); width: 240px; height: 208px; display: inline-block; vertical-align: top; margin: 8px 4px 0 4px; font-size: 14px; }
.thumb a { display: block; position: relative; }
.thumb img { width: 240px; height: 180px; border-bottom: 3px solid rgb(30,39,49); }
.thumb_name { display: block; height: 25px; line-height: 25px; font-weight: bold; overflow: hidden; padding: 0 5px; }
.thumb a:hover { background-color: rgb(39,184,209); color: rgb(255,255,255); box-shadow: 0 0 0 5px rgb(39,184,209);}
.thumb_duration { position: absolute; top: 155px; right: 5px; height: 20px; line-height: 20px; background-color: rgba(30,39,49,0.7); color: rgb(255,255,255); font-size: 11px; padding: 0 8px;  }
.thumb_views { position: absolute; top: 155px; left: 5px; height: 20px; line-height: 20px; background-color: rgba(30,39,49,0.7); color: rgb(255,255,255); font-size: 11px; padding: 0 8px;  }

.pages { margin: 10px 0 0 0; }
.pages ul { font-size: 0; }
.pages li { font-size: 12px; font-weight: bold; margin: 10px 5px 0 5px; display: inline-block; vertical-align: top; height: 30px; line-height: 30px; }
.pages a { background-color: rgb(249,249,249); border: 1px solid rgb(209,209,209); box-shadow: 0 0 0 1px rgb(255,255,255); display: block; width: 30px; height: 30px; text-align: center; border-radius: 50%; }
.pages a:hover { background-color: rgb(39,184,209); box-shadow: 0 0 0 1px rgb(39,184,209); color: rgb(255,255,255); }
.pages li a.act_page { background-color: rgb(39,184,209); box-shadow: 0 0 0 1px rgb(39,184,209); color: rgb(255,255,255); }

.clear_line { margin: 40px 5px 25px 5px; height: 1px;  border-top: 1px solid rgb(249,249,249); box-shadow: 0 -1px 0 0 rgb(209,209,209);}

.categories { }
.categories ul { font-size: 0; }
.categories li { background-color: rgb(249,249,249); border: 1px solid rgb(209,209,209); box-shadow: 0 0 0 1px rgb(255,255,255); margin: 8px 4px 0 4px; transition: box-shadow 0.2s ease; display: inline-block; vertical-align: top; width: 230px; padding: 0 5px; height: 30px; line-height: 30px; font-size: 12px; overflow: hidden; }
.categories li:hover { box-shadow: 0 0 0 1px rgb(39,184,209); }
.categories a { font-weight: bold; float: left; display: block; font-size: 16px; }
.categories span { float: right; display: block; background-color: rgb(95,101,108); color: rgb(255,255,255); margin: 5px 0; height: 20px; line-height: 20px; padding: 0 8px; overflow: hidden; }

.th_tl_wrapper { font-size: 0; text-align: center; }
.th_tl_wrapper h2 { margin-bottom: 5px; }
.th_tl { display: inline-block; vertical-align: top; margin: 5px 2.5px 0 2.5px; font-size: 14px; width: 150px; height: 112px; position: relative; }
.th_tl img { width: 150px; height: 112px; }
.th_tl span { display: block; position: absolute; left: 0; bottom: 0; height: 20px; line-height: 20px; padding: 0 5px; color: rgb(235,235,235); background-color: rgba(0,0,0,0.5); }

.tx_tl_wrapper { font-size: 0; text-align: center; }
.tx_tl_wrapper h2 { margin-bottom: 5px; }
.tx_tl_wrapper ul { display: inline-block; vertical-align: top; width: 48%; margin: 0 2.5px; }
.tx_tl_wrapper li { font-size: 14px; height: 20px; line-height: 20px; overflow: hidden; }
.tx_tl_wrapper li a { color: rgb(89,89,89); background-image: url(../images/tx_tl_icon.png); background-repeat: no-repeat; background-position: left center; background-size: 10px 10px; padding: 0 0 0 15px; }
.tx_tl_wrapper li a:hover { text-decoration: underline; }

.bottom_ads { font-size: 0;  }
.bottom_ad { font-size: 13px; background-color: rgb(209,209,209); margin: 10px 5px 0 5px; display: inline-block; vertical-align: top; width: 300px; height: 250px; }
.bottom_ad_2, .bottom_ad_3, .bottom_ad_4 { display: none; }

.main_description { font-size: 16px; color: rgb(30,39,49); }

.video_info { font-size: 0; overflow: hidden; }
.video_info ul { display: inline-block; vertical-align: top;  overflow: hidden; }
.video_info li { margin: 0 5px; display: inline-block; vertical-align: top;  font-size: 16px; height: 20px; line-height: 20px; }
.video_info li span { font-weight: bold; }
.video_categories { margin: 5px 5px 0 5px; line-height: 20px; font-size: 16px; }
.video_categories a { font-weight: bold; text-decoration: underline; }
.video_categories a:hover { text-decoration: none; }


.search2 { color: #000; margin: 5px 5px 0 5px; line-height: 20px; font-size: 16px; }
.search2 a { font-weight: bold; text-decoration: underline; }
.search2 a:hover { text-decoration: none; }


.video_wrapper { padding: 15px 0; border-top: 1px solid rgb(209,209,209); border-bottom: 1px solid rgb(209,209,209); margin: 10px 0 0 0; background-color: rgb(219,219,219); background-image: url(../images/video_bg.png); }
.video_block { width: 98%; margin: 0 auto; overflow: hidden; }
.player { width: 100%; height: 250px; position: relative; background-color: rgb(0,0,0); }
.player iframe { width: 100%; height: 100%; }
.player object { width: 100%; height: 100%; }
.player embed { width: 100%; height: 100%; }
.video_ads { font-size: 0; }
.video_ad { margin: 10px 5px 0 5px;  display: inline-block; vertical-align: top; width: 300px; height: 250px; background-color: rgb(199,199,199); font-size: 14px; }
.video_ad_2 { display: none; }





.footer_wrapper { margin: 30px 0 0 0; background-color: rgb(239,239,239); border-top: 1px solid rgb(209,209,209); box-shadow: 0 -1px 0 0 rgb(255,255,255); overflow: hidden; }
.footer { margin: 0 auto; padding: 10px 0 20px 0; text-align: center; overflow: hidden; }
.footer_about { margin: 10px 5px 0 5px;  display: inline-block; vertical-align: middle; }
.footer_about span { color: rgb(39,184,209); }
.footer ul { font-size: 0;  display: inline-block; vertical-align: middle; }
.footer li { font-size: 13px; margin: 10px 5px 0 5px;  display: inline-block; vertical-align: middle;  }
.footer li a { text-decoration: underline; }
.footer li a:hover { text-decoration: none; }



@media screen and (min-width: 400px) {
.player { height: 300px; }
}

@media screen and (min-width: 500px) {
.player { height: 350px; }
}
@media screen and (min-width: 600px) {
.player { height: 400px; }
}

@media screen and (min-width: 620px) {

.tx_tl { width: 620px; margin: 0 auto; }
.tx_tl_wrapper ul { width: 150px; }

.bottom_ad_2, .video_ad_2 { display: inline-block; }

}

@media screen and (min-width: 700px) {
.player { height: 450px; }
}
@media screen and (min-width: 800px) {
.player { height: 500px; }
}
@media screen and (min-width: 900px) {
.player { height: 550px; }
}

@media screen and (min-width: 930px) {
.bottom_ad_3 { display: inline-block; }
}





@media screen and (min-width: 1015px) {

h1, h2 { text-align: left; }

.head { width: 992px; padding: 0; height: 60px; overflow: hidden; }
.logo { display: block; float: left; margin: 5px 0;}
.menu { display: block; float: left; overflow: hidden;  height: 60px; margin-left: 20px; }
.menu li { display: block; float: left;margin: 0; height: 60px; line-height: 60px; }
.search { display: block; float: right; margin: 15px 0; }


.content { width: 1000px; }

.thumb { text-align: left; }

.tx_tl { width: 995px; }
.tx_tl_wrapper ul { width: 118px; text-align: left; }
.tx_tl_wrapper li { font-size: 13px; }
.tx_tl_wrapper { text-align: left; }

.video_info { text-align: left; margin-left: 4px; }
.video_info h1 { margin-left: 0; }
.video_info ul { display: block; float: left; margin: 0; }
.video_info li { display: block; float: left; margin: 0 10px 0 0; }
.video_categories { display: block; float: left; margin: 0 0 0 40px; }


.video_wrapper { padding: 20px 0; }
.video_block { width: 992px;}
.player { float: left; width: 687px; height: 505px; }

.video_ads { float: right; width: 300px; }
.video_ad { margin: 0;  display: block; }
.video_ad_2 { margin: 5px 0 0 0; }


.footer { text-align: left; padding: 20px 0; width: 1000px; }
.footer_about { margin: 0 0 0 5px; float: left; display: block; }
.footer ul { float: right; display: block; overflow: hidden; }
.footer li { float: left; display: block; margin: 0 5px 0 0; }

}




@media screen and (min-width: 1265px) {
.head { width: 1242px; }
.content { width: 1250px; }

.tx_tl { width: 1245px; }
.tx_tl_wrapper ul { width: 150px; }
.tx_tl_wrapper li { font-size: 14px; }

.video_block { width: 1242px;}
.player { float: left; width: 927px; height: 520px; }

.video_ad_2 { margin: 20px 0 0 0; }

.footer { width: 1250px; }
.bottom_ad_4 { display: inline-block; }
}