body,html,div,p,a,ul,li,input,button,form,textarea,span,img,h1,h2,h3 { margin: 0; padding: 0; }

body { background-color: rgb(233,233,233); color: rgb(133,133,133); font-family: 'PT Sans Narrow', sans-serif; text-transform: uppercase; text-shadow: 1px 1px 0 rgba(255,255,255,0.5); }
input { font-family: 'PT Sans Narrow', sans-serif; }

li { list-style-type: none; }

img { background-color: rgb(213,213,213); display: block; }

a { color: rgb(33,33,33); text-decoration: none; }
a:hover { color: rgb(249,100,212); }

h1, h2 { display: block; font-weight: normal; }
h1 { color: rgb(33,33,33); font-size: 26px; margin: 10px 1px 0 1px; display: block; font-weight: normal; }
h2 { color: rgb(33,33,33); font-size: 24px; margin: 40px 1px 0 1px; display: block; font-weight: normal; }
 
.head-pl { background-color: rgb(243,243,243); border-bottom: 1px solid rgb(213,213,213); }

.head { overflow: hidden; text-align: center; margin: 0 auto; }
.top { overflow: hidden; }
.logo { float: left; margin-left: 10px; }
.logo a { color: rgb(33,33,33); display: block; font-size: 28px; height: 40px; line-height: 40px; }
.logo a span { color: rgb(249,100,212); }
.logo a img { background-color: transparent; height: 40px; }

.open { background-color: rgb(53,53,53); color: rgb(255,255,255); text-shadow: 1px 1px 0 rgba(0,0,0,0.2); height: 40px; line-height: 40px; width: 40px; font-size: 18px; float: right; cursor: pointer; }
.open.active, .open:hover { background-color: rgb(249,100,212); color: rgb(255,255,255); }

.head .bottom { border-top: 1px solid rgb(213,213,213); display: none; padding: 0 0 10px 0; }

.menu { overflow: hidden; text-align: center; font-size: 0; padding: 8px 4px 0 4px; }
.menu li { display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; }
.menu li a { background-color: rgb(53,53,53); border: 1px solid rgb(33,33,33); box-shadow: inset 0 0 0 1px rgb(73,73,73); color: rgb(255,255,255); text-shadow: 1px 1px 0 rgba(0,0,0,0.2); border-radius: 2px; height: 30px; line-height: 30px; display: block; font-size: 14px; padding: 0 10px; }
.menu li a i { color: rgb(249,100,212); }
.menu li a:hover, .menu li a.active, .menu li.active a { background-color: rgb(249,100,212); border-color: rgb(229,80,192); box-shadow: inset 0 0 0 1px rgb(255,120,132); color: rgb(255,255,255); }
.menu li a:hover i, .menu li a.active i, .menu li.active a i { color: rgb(0,0,0); }

.search-pl { overflow: hidden; margin: 10px 5px 0 5px; }
.search { overflow: hidden; margin: 0 auto; width: 100%; max-width: 400px; }
.search form { overflow: hidden; }
.search input { background-color: rgb(253,253,253); text-transform: uppercase; border: 0 none; float: left; width: 80%; padding: 0 2%; border-radius: 2px; height: 32px; line-height: 32px; outline: none; font-size: 14px; color: rgb(53,53,53); }
.search input:focus { background-color: rgb(255,255,255); }
.search button { background-color: rgb(53,53,53); border: 1px solid rgb(33,33,33); box-shadow: inset 0 0 0 1px rgb(73,73,73); color: rgb(255,255,255); float: right; text-shadow: 1px 1px 0 rgba(0,0,0,0.2); outline: none; border-radius: 2px; width: 15%; line-height: 32px; height: 32px; font-size: 16px; text-align: center; cursor: pointer; }
.search button:hover { background-color: rgb(249,100,212); border-color: rgb(229,80,192); box-shadow: inset 0 0 0 1px rgb(255,120,132); color: rgb(255,255,255); }

.content { overflow: hidden; margin: 0 auto; width: 99%; }

.searches-list { overflow: hidden; padding: 8px 0 0 1px; }
.searches-list ul { height: 34px; overflow: hidden; }
.searches-list li { float: left; margin: 2px 2px 0 0; }
.searches-list li a { background-color: rgb(53,53,53); border: 1px solid rgb(33,33,33); box-shadow: inset 0 0 0 1px rgb(73,73,73); color: rgb(255,255,255); text-shadow: 1px 1px 0 rgba(0,0,0,0.2); border-radius: 2px; display: block; padding: 0 10px; height: 30px; line-height: 30px; font-size: 14px; }
.searches-list li a i { color: rgb(249,100,212); } 
.searches-list li a:hover { background-color: rgb(249,100,212); border-color: rgb(229,80,192); box-shadow: inset 0 0 0 1px rgb(255,120,132); color: rgb(255,255,255); }
.searches-list li a:hover i { color: rgb(0,0,0); } 
.searches-list li span { color: rgb(33,33,33); display: block; height: 32px; line-height: 32px; font-size: 18px; margin-right: 7px; }
.searches-list li span i { color: rgb(249,100,212); } 

.previews-wrapper { overflow: hidden; padding: 8px 0 0 0; }

.preview { float: left; width: 50%;  overflow: hidden; position: relative; }
.preview a { background-color: rgb(243,243,243); border: 1px solid rgb(213,213,213); box-shadow: inset 0 0 0 1px rgb(255,255,255); padding: 1px; border-radius: 2px; margin: 2px 1px 0 1px; display: block; }
.preview a:hover { background-color: rgb(249,100,212); border-color: rgb(229,80,192); box-shadow: inset 0 0 0 1px rgb(255,120,132); color: rgb(255,255,255); text-shadow: 1px 1px 0 rgba(0,0,0,0.2); }
.preview img { width: 100%; height: auto; max-height: 190px; border-radius: 1px 1px 0 0; }
.preview a i { color: rgb(249,100,212); }
.preview a:hover i { color: rgb(0,0,0); }
.preview .name { height: 25px; line-height: 25px; font-size: 13px; overflow: hidden; padding: 0 5px; }
.preview .time { background-color: rgba(253,253,253,0.9); color: rgb(33,33,33); border-radius: 2px; position: absolute; top: 5px; right: 4px; height: 20px; line-height: 20px; padding: 0 5px; font-size: 12px; }
.preview .time i { color: rgb(249,100,212); }

.bns-bl { margin-top: 18px; text-align: center; overflow: hidden; font-size: 0; }
.bn { background-color: rgb(213,213,213); display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; width: 300px; height: 250px; }
.bn-2, .bn-3, .bn-4, .bn-5 { display: none; }

.navigation { overflow: hidden; margin-top: 10px; text-align: center; font-size: 0; }
.navigation ul { overflow: hidden; padding-top: 8px; }
.navigation li { display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; font-size: 15px; }
.navigation li a { background-color: rgb(243,243,243); border: 1px solid rgb(213,213,213); box-shadow: inset 0 0 0 1px rgb(255,255,255); border-radius: 2px; display: block; padding: 1px 10px; min-width: 10px; height: 30px; line-height: 30px; }
.navigation li a:hover, .navigation li a.active, .navigation li.active a { background-color: rgb(53,53,53); border: 1px solid rgb(33,33,33); box-shadow: inset 0 0 0 1px rgb(73,73,73); color: rgb(255,255,255); text-shadow: 1px 1px 0 rgba(0,0,0,0.2); }
.navigation li span { background-color: rgb(243,243,243); border: 1px solid rgb(213,213,213); box-shadow: inset 0 0 0 1px rgb(255,255,255); min-width: 10px; border-radius: 2px; display: block; padding: 1px 10px; height: 30px; line-height: 30px; }
.navigation ul.next-prev li { font-size: 20px; }
.navigation ul.next-prev li a, .navigation ul.next-prev li span { min-width: 60px; }

.list { overflow: hidden; padding-top: 8px; }
.list ul { float: left; width: 50%; }
.list li { margin: 2px 1px 0 1px; }
.list li a { background-color: rgb(243,243,243); border: 1px solid rgb(213,213,213); box-shadow: inset 0 0 0 1px rgb(255,255,255); font-size: 14px; padding: 1px; border-radius: 2px; display: block; padding: 0 10px; height: 30px; line-height: 30px; overflow: hidden; }
.list li a i { color: rgb(249,100,212); }
.list li a:hover { background-color: rgb(249,100,212); border-color: rgb(229,80,192); box-shadow: inset 0 0 0 1px rgb(255,120,132); color: rgb(255,255,255); text-shadow: 1px 1px 0 rgba(0,0,0,0.2); }
.list li a:hover i { color: rgb(0,0,0); }

.list.toplist li a { color: rgb(53,53,53); }
.list.toplist li a i { color: rgb(249,100,212); }
.list.toplist li a:hover { background-color: rgb(253,253,253); border-color: rgb(213,213,213); box-shadow: inset 0 0 0 1px rgb(255,255,255); color: rgb(33,33,33); text-shadow: 1px 1px 0 rgba(255,255,255,0.5); }

.video-pl { margin: 0 1px; }
.player-pl { padding-top: 10px; }
.player-wr { background-color: rgb(243,243,243); border: 1px solid rgb(193,193,193); box-shadow: inset 0 0 0 1px rgb(255,255,255); padding: 1px; border-radius: 2px; }
.player { background-color: rgb(3,3,3); width: 100%; height: 250px; }
.player iframe, .player object, .player embed { width: 100%; height: 100%; }

.player-pl .links { overflow: hidden; }
.player-pl .links ul { overflow: hidden; padding-top: 8px; }
.player-pl .links li { float: left; margin: 2px 2px 0 0; }
.player-pl .links li a { background-color: rgb(53,53,53); border: 1px solid rgb(33,33,33); box-shadow: inset 0 0 0 1px rgb(73,73,73); color: rgb(255,255,255); text-shadow: 1px 1px 0 rgba(0,0,0,0.2); border-radius: 2px; display: block; padding: 0 10px; height: 30px; line-height: 30px; font-size: 15px; }
.player-pl .links li a i { color: rgb(249,100,212); } 
.player-pl .links li a:hover { background-color: rgb(249,100,212); border-color: rgb(229,80,192); box-shadow: inset 0 0 0 1px rgb(255,120,132); color: rgb(255,255,255); }
.player-pl .links li a:hover i { color: rgb(0,0,0); } 
.player-pl .links li span { color: rgb(33,33,33); display: block; height: 32px; line-height: 32px; font-size: 18px; margin-right: 7px; }
.player-pl .links li span i { color: rgb(249,100,212); } 


.video-col { font-size: 0; text-align: center; padding-top: 8px; }
.video-bn { background-color: rgb(213,213,213); display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; width: 300px; height: 250px; }
.video-bn-2, .video-bn-3 { display: none; }

.foot-pl { background-color: rgb(243,243,243); border-top: 1px solid rgb(213,213,213); margin-top: 20px; }
.foot { overflow: hidden; margin: 0 auto; padding: 0 0 15px 0; font-size: 16px; text-transform: uppercase; text-align: center; }
.foot p { padding-top: 15px; }
.foot span { color: rgb(249,100,212); }
.foot a { text-decoration: underline; }
.foot a:hover { text-decoration: none; }


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

@media all and (min-width:492px) {
    .preview, .list ul { width: 33.3333%; }
    .player { height: 350px; }
}

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

@media all and (min-width:640px) {
	.bn-2, .video-bn-2 { display: inline-block; }
}

@media all and (min-width:738px) {
    .preview { width: 25%; }
    .list li a { height: 40px; line-height: 40px; font-size: 18px; }
    .player { height: 450px; }
}

@media all and (min-width:800px) {
	.player { height: 500px; }
}

@media all and (min-width:1004px) {
    h1,h2 {  text-align: left; }
    h1 { font-size: 30px; }
    h2 { font-size: 28px; }
    .content, .head, .foot  { width: 984px; }
    .head { height: 40px; padding: 10px; }
    .head .top { float: left; padding: 0; }
    .logo { float: none; margin: 0 0 0 1px; }
    .logo a { height: 40px; line-height: 40px; font-size: 36px; }
    .logo a img { height: 40px; }
    .open { display: none; }
    .head .bottom { border-top: 0 none; padding: 0; display: block !important; }
    .menu { float: left; padding: 0 0 0 20px; }
    .menu li a { height: 38px; line-height: 38px; font-size: 16px; min-width: 80px; }
    .search-pl { margin: 0 1px 0 0; width: 240px; float: right; }
    .search input { height: 40px; line-height: 40px; font-size: 16px; width: 73%; padding: 0 4%; }
    .search button { height: 40px; line-height: 39px; font-size: 18px; width: 18%; }
    .preview { width: 246px; }
    .preview img { width: 240px; height: 180px; max-height: 180px; }
    .preview .name { font-size: 15px; }
    .navigation ul.pages { float: left; }
    .navigation li { float: left; }
    .navigation li a { min-width: 20px; height: 40px; line-height: 40px; }
    .navigation li span { min-width: 20px; height: 40px; line-height: 40px; }
    .navigation ul.next-prev { float: right; }
    .navigation ul.next-prev li a, .navigation ul.next-prev li span { min-width: 100px; }
    .bn-3 { display: inline-block; }
    .video-tb { display: table; width: 100%; }
    .player-pl, .video-col { display: table-cell; vertical-align: top; }
    .player { height: 408px; }
    .video-col { width: 302px; }
    .video-bn { display: block; margin: 2px 0 0 2px; }
    .video-bn-3 { display: none; }

}

@media all and (min-width:1250px) {
    .content, .head, .foot { width: 1230px; }
    h1 { font-size: 32px; }
    h2 { font-size: 30px; }
    .menu { padding-left: 30px; }
    .menu li a { font-size: 18px; min-width: 120px; }
    .search-pl { width: 300px; }
    .search input { font-size: 18px; }
    .list ul { width: 16.6666%; }
    .list li a { height: 30px; line-height: 30px; font-size: 14px; }
    .player { height: 498px; }
    .player-pl .links li a { height: 36px; line-height: 36px; font-size: 16px; }
    .player-pl .links li span { height: 38px; line-height: 38px; }

    .bn-4 { display: inline-block; }
} 

@media all and (min-width:1496px) {
    .content, .head, .foot  { width: 1476px; }
    h1 { font-size: 36px; }
    h2 { font-size: 34px; }
    .menu { padding-left: 40px; }
    .search-pl { width: 360px; }
    .list li a { height: 40px; line-height: 40px; font-size: 18px; }
    .player { height: 750px; }
    .video-bn-3 { display: block; }
}

.mo-av { margin: 10px auto 0 auto; width: 300px; height: 100px; overflow: hidden; }
@media all and (min-width:1000px) {
    .mo-av { display: none; }
}
@media all and (max-width:999px) {
    .searches-list { display: none; }
}