@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);

body, ul, li, p, h1, h2, h3, form, input, button { margin: 0; padding: 0; }
li { list-style-type: none; }

body { background-color: rgb(19,16,16); color: rgb(119,1116,116); font-family: 'Roboto Condensed', sans-serif; font-size: 14px; }

img { display: block; border: 0 none; }

a { color: rgb(19,16,16); text-decoration: none; transition: 0.2s ease; }
a:hover { color: rgb(171,131,99); }

h1 { color: rgb(19,16,16); display: block; font-size: 14px; line-height: 17px; margin: 17px 0px 0px 6px; font-weight: normal;float:left; }
h2 { border-top: 1px solid rgb(255,255,255); box-shadow: 0 -1px 0 0 rgb(224,221,214); color: rgb(19,16,16); display: block; font-size: 28px; line-height: 32px; margin: 20px 1px 0 1px; font-weight: normal; padding: 10px 0 0 0; }
h3 { border-top: 1px solid rgb(255,255,255); box-shadow: 0 -1px 0 0 rgb(224,221,214); color: rgb(19,16,16); display: block; font-size: 18px; line-height: 32px; margin: 20px 1px 0 5px; font-weight: normal; padding: 10px 0 0 0; }

.head-bl { background-color: rgb(244,241,234); background: linear-gradient(to bottom,rgb(255,255,255),rgb(224,221,214)); border-bottom: 1px solid rgb(255,255,255); box-shadow: 0 1px 0 0 rgb(224,221,214); }
.head { overflow: hidden; margin: 0 auto; padding: 0 0 10px 0; text-align: center; }
.logo { display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; }
.logo a { background-image: url(/images/logo.png); background-repeat: no-repeat; display: block; width: 240px; height: 32px; }

.search { width: 96%; margin: 11px 2% 0 2%; }
.search form { background-color: rgb(59,56,56); display: block; overflow: hidden; height: 32px; line-height: 32px; border-radius: 16px; }
.search input, .search button { display: block; height: 32px; line-height: 32px; border: 0 none; text-align: center; font-family: 'Roboto Condensed', sans-serif; float: left; transition: 0.2s ease; }
.search input { background-color: rgb(59,56,56); color: rgb(255,255,255); width: 85%; outline: none; font-size: 14px; }
.search button { border-radius: 16px; width: 15%; background-color: rgb(59,56,56); color: rgb(255,255,255); text-transform: uppercase; cursor: pointer; font-size: 16px; }
.search button:hover { color: rgb(171,131,99); }

.share-bl { margin: 10px 0 0 0; }

.wrapper { background-color: rgb(244,241,234); color: rgb(144,141,134); margin: 0 auto; }
.content { margin: 0 auto; text-align: center; padding-bottom: 20px; }

.desc-bl { margin: 10px 1px 0 1px; text-align: justify; }

.thumbs-bl { font-size: 0; padding-top: 8px; }

.thumb { background-color: rgb(255,255,255); box-shadow: 0 5px 15px -10px rgb(144,141,134); font-size: 12px; display: inline-block; vertical-align: top; text-align: left; margin: 2px 8px 0 8px; width: 225px; height: 330px; overflow: hidden; position: relative; }
.thumb img { background-color: rgb(224,221,214);  width: 225px; height: 300px; }
.thumb-title { display: block; font-size: 14px; overflow: hidden; line-height: 30px; height: 30px; margin: 0 10px; }

.thumb-tags { display: none; position: absolute; z-index: 1200; left: 8px; bottom: 52px; overflow: hidden; height: 20px; line-height: 20px; margin: 0 0 0 2px; }
.thumb-tags a { background-color: rgba(19,16,16,0.8); color: rgb(219,216,216); display: block; float: left; margin: 0 2px 0 0; padding: 0 5px; font-size: 11px;}
.thumb-tags a:hover { background-color: rgb(171,131,99); color: rgb(255,255,255); }
.thumb:hover .thumb-tags { display: block; }

.thumb-views, .thumb-tube { height: 20px; line-height: 20px; margin: 0 10px; color: rgb(155,155,155);}
.thumb-views { float: left; }
.thumb-tube { float: right; }
.thumb-tube a { text-decoration: underline; }
.thumb-tube a:hover { text-decoration: none; }

.thumb-views i, .thumb-tube i { color: rgb(171,131,99);  }

.thumb-tw { height: 330px; }
.thumb-tw .thumb-title { font-size: 18px; }

.thumb-videos { height: 15px; line-height: 15px; margin: 0 10px; color: rgb(155,155,155); }
.thumb-videos i { color: rgb(171,131,99); }




.thumb2 { background-color: rgb(255,255,255); box-shadow: 0 5px 15px -10px rgb(144,141,134); font-size: 12px; display: inline-block; vertical-align: top; text-align: left; margin: 2px 6px 0 6px; width: 180px; height: 250px; overflow: hidden; position: relative; }
.thumb2 img { background-color: rgb(224,221,214);  width: 180px; height: 240px; }
.thumb2:hover .thumb-tags2 { display: block; }
.thumb-tw2 { height: 330px; }
.thumb-tw2 .thumb-title2 { font-size: 18px; }

.thumb3 { background-color: rgb(255,255,255); box-shadow: 0 5px 15px -10px rgb(144,141,134); font-size: 12px; display: inline-block; vertical-align: top; text-align: left; margin: 2px 6px 0 6px; width: 180px; height: 265px; overflow: hidden; position: relative; }
.thumb3 img { background-color: rgb(224,221,214);  width: 180px; height: 240px; }
.thumb3:hover .thumb-tags3 { display: block; }
.thumb-tw3 { height: 330px; }
.thumb-tw3 .thumb-title3 { font-size: 18px; }

.thumb66 { background-color: rgb(255,255,255); box-shadow: 0 5px 15px -10px rgb(144,141,134); font-size: 12px; display: inline-block; vertical-align: top; text-align: left; margin: 2px 6px 0 6px; width: 105px; height: 150px; overflow: hidden; position: relative; }
.thumb66 img { background-color: rgb(224,221,214);  width: 105px; height: 140px; }
.thumb66:hover .thumb-tags66 { display: block; }
.thumb-tw66 { height: 330px; }
.thumb-tw66 .thumb-title66 { font-size: 18px; }

.banners_ad {text-align:center;width:100%; overflow:hidden;}
.banners_ad .header_ad {text-align:center;}
.banners_ad .one_banner { display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:300px; padding:0 1px;}

.pages { margin: 8px 12px 0 0; font-size: 0; }
.pages span, .pages a { font-size: 13px; display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; height: 30px; line-height: 30px; text-align: center; min-width: 20px; padding: 0 5px; }
.pages a { background-color: rgb(19,16,16); color: rgb(255,255,255); }
.pages a:hover { background-color: rgb(171,131,99); color: rgb(255,255,255); }
.pages span { background-color: rgb(171,131,99); background: linear-gradient(to bottom,rgb(191,151,119),rgb(151,111,79)); color: rgb(255,255,255); }
.pages a span { display: inline; background: inherit; margin: 0; padding: 0; color: inherit; }
.pages span.dotted { background: none; padding: 0; color: rgb(144,141,134); }

.lite-block { background-color: rgba(255,255,255,0.1); margin: 20px 0 0 0; overflow: hidden; padding: 0 0 20px 0; }

.popular-categories { font-size: 0; padding: 0; text-align: center; }
.popular-categories h2 { border: 0 none; box-shadow: none; margin: 0px 1px 0px 1px; padding: 0; }
.popular-categories ul { padding-top: 8px; }
.popular-categories li { display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; width: 240px; }
.popular-categories li a { display: block; height: 26px; line-height: 26px; text-transform: uppercase; font-size: 14px; padding: 0 10px; }
.popular-categories li a:hover { background-color: rgb(255,255,255); padding-left: 15px; }
.popular-categories li i { font-size: 12px; color: rgb(171,131,99); }
.popular-categories li span { color: rgb(144,141,134);  font-size: 12px; }
.popular-categories h2 { color: rgb(144,141,134);  font-size: 12px; }

.friends-links { margin: 18px 0 0; font-size: 0; overflow: hidden; }
.friends-links ul { display: inline-block; vertical-align: top; width: 50%; font-size: 12px; }
.friends-links li { margin: 2px 1px 0 1px; height: 30px; line-height: 30px; }
.friends-links li a { background-color: rgb(255,255,255); box-shadow: 0 5px 15px -10px rgb(144,141,134); text-decoration: underline; display: block; color: rgb(105,105,105); padding: 0 5px; }
.friends-links li a:hover { background-color: rgb(105,105,105); color: rgb(205,205,205); text-decoration: none; }
.friends-links li a i { color: rgb(171,131,99); font-size: 12px; }

.h-bns-bl { margin: 18px 0 0 0; font-size: 0; }
.h-bn { background-color: rgb(224,221,214); display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; width: 300px; height: 250px; font-size: 13px; }
.h-bn-2, .h-bn-3, .h-bn-4 { display: none; }

.footer { background-color: rgb(244,241,234); background: linear-gradient(to bottom,rgb(255,255,255),rgb(224,221,214)); border-top: 1px solid rgb(255,255,255); box-shadow: 0 -1px 0 0 rgb(224,221,214); padding: 20px 5px;  text-align: center;  font-size: 16px; }
.footer span { color: rgb(171,131,99); text-transform: uppercase; }

.scroll-top { background-color: rgba(49,46,46,0.5); color: rgb(249,246,246);  display: none; position: fixed; right: 20px; bottom: 20px; width: 60px; height: 60px; line-height: 60px; text-align: center; font-size: 28px; }
.scroll-top:hover { background-color: rgba(171,131,99,0.9); color: rgb(255,255,255); }
.scroll-top i { display: block; height: 60px; line-height: 55px;  }

.list_bann {margin:auto;padding-top:1px;font:9px/12px 'Trebuchet MS';color:#888;border:0 1px 1px 1px solid #000;width:400px;}

.thumbs_bann li a, .thumbs_bann li a:visited {color:#888;font:10px/10px 'Trebuchet MS', Arial;}
.thumbs_bann li a img {height: 137px; width: 400px; border:1px solid #717171; }
.thumbs_bann li a:hover img {border-color:#FFF;color:#000;}
.thumbs_bann li a:hover {text-decoration:underline;color: #C90101;}
.thumbs_bann p { text-decoration:none;font-size: 24px; text-transform: uppercase; padding: 3px; color: #C90101; text-align: center;margin-top:10px;margin-bottom:40px;}
}

@media screen and (min-width: 600px) {
.friends-links ul { width: 33%; }
}

@media screen and (min-width: 620px) {
.h-bn-2 { display: inline-block; }
}


@media screen and (min-width: 1020px) {
.head { width: 968px; padding: 10px 0; overflow: hidden; height: 32px; }
.logo { display: block; float: left; margin: 0; }
.head-r-bl { float: right; overflow: hidden; }
.search { width: 240px; display: block; float: left; margin: 0 0 0 10px; }
.search form { width: 240px; }
.share-bl { display: block; float: left; margin: 0; margin-top: -2px; }

.wrapper { width: 1008px; }
.content { width: 968px; overflow: hidden; display: table;  text-align: left; padding: 0; }
.content-main { display: table-cell; vertical-align: top; padding-right: 10px; padding-bottom: 20px; }

.pages { text-align: right; }

.popular-categories {display: table-cell; vertical-align: top;  width: 230px; border-left: 1px solid rgb(255,255,255); box-shadow: -1px 0 0 0 rgb(224,221,214); text-align: left; }
.popular-categories h2 { margin: 10px 5px 0 10px; }
.popular-categories li { text-align: left; width: auto; display: block; margin: 2px 0 0 0; }
.friends-links { padding: 0 0 20px 0; }
.friends-links ul { width: 121px; text-align: left; }
.h-bn-3 { display: inline-block; }
}

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

.head { width: 1210px; }

.wrapper { width: 1230px; }
.content { width: 1210px; }

.friends-links ul { width: 161px; font-size: 14px; }
.h-bn-4 { display: inline-block; }

}

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

.head { width: 1452px; }

.wrapper { width: 1472px; }
.content { width: 1452px; }

.friends-links ul { width: 201px; font-size: 16px; }
.h-bn-4 { display: inline-block; }

}