/* thumbs */



.thumbs {



display: inline-block; 



padding:0;



width:100%;



margin: 0 0 3px 0;



text-shadow:none;



text-align:center;



position:relative;left:3px;



}



.thumbs li {



width: 327px; 



display: inline-block; 



vertical-align: top; 



zoom: 1; 



*display: inline; 



margin: 7px 3px 2px 0; 



padding:0 0 37px 3px;



list-style: none;



font-weight:bold;



font-size:16px;



background:#7A1820;



position:relative;



}



.thumbs li:hover {



background:#7A1820;



}



.thumbs img {



width:320px;



height:240px;



padding:0;margin:0;



z-index: 9998;



border:1px solid #d0d0d0;



}



.thumbs li a {



width:320px;



height:240px;



color:#495e27;



text-decoration: none;



background: url(../images/tp.png) no-repeat;



text-align:center;



margin:0;



}



.thumbs li a:hover img {



border:1px solid #495e27;



}



.thcat {



height:250px;



}



.thcat a {



float:left;



height: 250px; 



z-index:777;



margin:0;padding:0;



position:relative;



}



.thcat h2 {



float:left;



width: 322px; 



font-size:15px;



position:relative;top:12px;



margin:0;



font-weight:bold;



cursor: pointer; cursor: hand;



color:#495e27;



z-index:0;



}











/* desc thumbs, added, duration, tags  */



.thumbs .tcon {



float:left;



height:245px;



margin: 7px 5px 0 1px; 



}



.thumbs .tcon a {



background: none;



}



.thumbs .vb {



width: 320px; 



float:left;



margin:3px 0 0 1px;



}



.tcon h2 {



float:left;



display:block; 



font-size:16px;



padding:0;



margin:0 0 110px 0;



position:relative;top:5px;



font-weight:bold;



z-index:773;



cursor: pointer; cursor: hand;



color:#495e27;



}



.tlink {



float:left;



display: inline-block; 



height:322px;



margin:0;padding:0;



position:relative;



z-index:780;



}



.thumbs .desc {



float:left;



width:100%;



height:27px;



line-height:27px;



color:#f0f0f0;



font-size:13px;



font-weight:bold;



margin:0;



overflow:hidden;



text-align:center;



}



.thumbs .duration {



z-index:1785;



color:#495e27;



font-size:12px;



font-weight:normal;



margin:0;



padding:4px 8px 4px 8px;



position:absolute;top:215px;right:15px;



background:rgba(27, 27, 27, .8)



}



.thumbs .added {



float:left;



z-index:1785;



color:#495e27;



font-size:13px;



height:18px;



font-weight:normal;



margin:0 0 0 5px;



position:relative;top:5px;



width:320px;



text-align:left;



}



.thumbs .views {



float:left;



z-index:1785;



color:#495e27;



font-size:13px;



height:18px;



font-weight:normal;



margin:0 0 0 5px;



position:relative;top:5px;



}







.thumbs .from {



float:right;



height:18px;



text-align:right;



font-size:13px;



overflow:hidden;



font-weight:normal;



color:#495e27;



margin:0 5px 0 0;



position:relative;top:5px;



}



.thumbs .from a {



color:#2a1e13;



text-decoration:underline;



}



.thumbs .from a:hover {



text-decoration: none;



color:#f0f0f0;



}



.thumbs .tags {



float:left;



width: 160px;



height:18px;



text-align:left;



color:#70adff;



font-size:13px;



padding:0 0 0 5px;



overflow:hidden;



font-weight:normal;



position:relative;top:5px;



}



.thumbs .tags a {



color:#2a1e13;



text-decoration:underline;



margin:0 7px 0 0;



}



.thumbs .tags a:hover {



text-decoration:underline;



color:#f0f0f0;



text-decoration: none;



}



.thumbs_video {



position:relative;



width:994px;



padding:0;



margin:0;



background:#000;



}



.thumbs_video li {



text-align: center;



}



.thumbs_video h1 {



margin:10px 0 0 0;



padding:0 0 3px 0;



font-size:24px;



font-weight:bold;



color:#f0f0f0;



clear:both;



}







.rec3 {



float:left;



width:320px;



margin:10px 0 0 12px;



}



.rec3 a {



float:left;



margin:0 0 7px 0px;



padding:0;



}







.thumbs_video .vid1 {



float:left;



width:652px;



padding:0;



margin:0;



}



.video_sc_pre {



padding: 12px 0 0 0;



overflow: hidden;



}



.video_sc {



position: relative;



padding-bottom: 59%;



padding-top: 29px;



height:0;



overflow: hidden;



}



.video_sc iframe,



.video_sc object,



.video_sc embed {



position: absolute;top:0;left:0;



width:100%;height:100%;

}



.thumbs_video .desc1 {



float:left;



width:100%;



background:#02b9cd;



padding:0;



}







.thumbs_video ul {



padding:10px 0 12px 7px;



}



.thumbs_video .desc1 ul li {



text-align: left;



padding:0 0 3px 0;



margin:0;



color:#ccc;



text-indent:0;



}



.thumbs_video .desc1 ul li a {



color:#495e27;



text-decoration:underline;



margin:0 7px 0 0;



display:inline-block;



}



.thumbs_video .desc1 ul li a:hover {



text-decoration:none;



}



.thumbs_video .desc1 span {



margin:0 0 3px 0;



}



.thumbs_video .desc1 span span {



color:#ccc;



margin:0 3px 0 9px;



}



.otp li {



margin: 0 2px 3px 2px; 



}



.vidinfo {



float:left;



position:relative;



width:99%;



padding:0;margin:0;



}



.vidinfo div {



float:left;



color:#111;



text-align:left;



padding:0;



width:85%;



font-size:14px;



background:#cf0b1b;



}



.vidinfo .lf {



float:left;



padding:5px 0 5px 0;



margin:0;



width:90%;



}



.vidinfo .lf li {



float:left;



color:#ccc;



text-align:left;



padding:0 0 7px 0;



clear:both;



}



.vidinfo .lf li span {



float:left;



color:#f0f0f0;



margin:0 6px 0 0;



}



.vidinfo .lf li span span {



color:#f0f0f0;



margin:0 2px 0 0 !important;



}



.vidinfo .lf li a {



display:inline-block;



color:#ffbf68;



margin:0 10px 0 0;



text-decoration:underline;



}



.vidinfo .lf li a:hover {



text-decoration:none;



}



.vidinfo .rf {



float:left;



padding:10px 5px 10px 0;margin:0;



}



.vidinfo .rf li {



clear:both;



}



.vidinfo .allcom {



float:left;



font-size:12px;



}



.vidinfo .allcom span {



color:#000 !important;



}



.allcom span span {



color:#000 !important;



}



.vidinfo .cmt {



float:right;



padding:7px 0 10px 12px !important;



margin:0 0 10px 0 !important;



background:#cf0b1b;



}



.star_rt {



float:left;



margin:10px 9px 13px 0;



color:#f0f0f0;



font-size:25px;



}



.star a {



float:left;



width:36px;



height:37px;



padding:0;



text-decoration:none;



margin:5px 9px 0 0;



}



.star .up1 {



background:url(../images/icons.png) -2px -580px no-repeat;



}



.star .down1 {



background:url(../images/icons.png) -2px -625px no-repeat;



}



.star .up1:hover {



position:relative;top:-1px;



}



.star .down1:hover {



position:relative;top:1px;



}











.commform {



float:left;



color:#c0c0c0;



text-align:left;



padding:0 0 12px 0;



font-size:14px;



}



.commform span {



float:left;



width:100%;



margin: 0 0 5px 0 !important;



}



.commform input, textarea  {



text-indent:5px;



}



.commform .rz1  {



width:200px;



height:25px;



margin:0 0 3px 0;



background:#495e27;



border:1px solid #495e27;



text-indent:5px;



}



.commform .rz2 {



width:500px;



height:75px;



margin:0 0 5px 0;



background:#495e27;



border:1px solid #495e27;



}



.commform .rz3  {



width:200px;



height:35px;



margin:0;



background:#cf0b1b;



border:0;



font-size:16px;



color:#f1f1f1;



-moz-box-shadow:1px 1px 0 #724538 inset, -1px -1px 0 #000 inset;



-web-kit-box-shadow:1px 1px 0 #724538 inset, -1px -1px 0 #000 inset;



box-shadow:1px 1px 0 #724538 inset, -1px -1px 0 #000 inset;



}



.commform .rz3:hover  {



background:#7A1820;



}



.commform .rz3:active  {



-moz-box-shadow:1px 1px 0 #000 inset, -1px -1px 0 #724538 inset;



-web-kit-box-shadow:1px 1px 0 #000 inset, -1px -1px 0 #724538 inset;



box-shadow:1px 1px 0 #000 inset, -1px -1px 0 #724538 inset;



}















/* pagination */



.pagination {



color:#495e27;



width:100%;



display:inline-block;



font-size:14px;



margin:5px 0 5px 0;



text-align:left;



}



.pagination a {



display:inline-block;



font-size:15px;



margin:5px 3px 0 2px;



padding:7px 10px 7px 10px; 



background:#f0f0f0;



border:1px solid #f0f0f0;



color:#2a1e13;



text-decoration:none;



text-shadow:none;



-moz-border-radius:3px; 



-webkit-border-radius:3px;  



border-radius:3px; 



}



.pagination a:hover {



background:#495e27;



border:1px solid #495e27;



color:#000;



}



.pagination span {



display:inline-block;



margin:10px 0 0 0;



}



.pagination .act {



background:#7A1820;



border:1px solid #7A1820;



color:#495e27;



}











/* top */



.top_pre {



width:100%;



display:inline-block;



margin:0 auto 7px auto;



background: #2a1e13;



}



.top {



float:left;



line-height:145%;



padding:7px 0 7px 0;



margin:0;



color:#2a1e13;



font-size:14px;



text-shadow:none;



font-weight:bold;



width:25%;



-moz-box-shadow:1px 1px 0 #986b42 inset;



-web-kit-box-shadow:1px 1px 0 #986b42 inset;



box-shadow:1px 1px 0 #986b42 inset;



}



.top li {



text-align:left;



}



.top span {



margin-right:4px;



padding:0 0 0 10px;



color:#ffcd88;



}



.top a {



font-size:14px;



margin: 0 4px 2px 0;



text-decoration:none;



color:#495e27;



}



.top a:hover {



font-size:14px;



text-decoration:underline;



}







.topc a {



float:left;



}



.topc li {



clear:both;



}



.topc li {



float:left;



background:url(../images/sp.png) no-repeat 7px 6px;



text-indent:18px;



margin: 0 5px 2px 7px;



}







.sdv {



position:relative;left-:22px;



}











.topc2 {



width:1200px;



-moz-box-shadow:none;



-web-kit-box-shadow:none;



box-shadow:none;



position:relative;left:22px;



}



.topc2 li {



float:left;



background:#2a1e13;



width: 220px; 



margin: 7px 5px 7px 10px; 



padding:0 0 15px 0;



}



.topc2 li img {



width:180px;



height:140;



}



.topc2 li a {



float:left;



width:180px;



margin:20px 0 0 19px;



text-align:center;



}







.topc3 {



width:100%;



-moz-box-shadow:none;



-web-kit-box-shadow:none;



box-shadow:none;



padding:10px 0 5px 0 !important;



line-height:125%;



background:#7A1820;



}



.topc3 li {



float:left;



margin:5px 5px 0 10px; 



padding:0;



}



.topc3 .zgl {



width:100%;



margin:7px 0 0 0; 



}



.topc3 .zgl span {



background:#495e27;



color:#7A1820 !important;



padding:3px 45px 3px 45px !important;



}



.top_pre3 {



width:100%;



display:inline-block;



margin:0 auto 9px auto;



background:#7A1820;



padding:0 0 10px 0;



}







.top_pre2 {



width:100%;



display:inline-block;



margin:0 auto 9px auto;



}



.top_pre2 .top a {



color:#f0f0f0;



}



.top_pre2 .top a:hover {



color:#495e27;



}



.top_pre2 .top span {



margin:0;



padding:0 0 0 0;



color:#02b9cd;



}



.top_pre2 .lett1 {



float:left;



width:100%;



height:35px;



line-height:35px;



text-align:left;



margin:15px 0 0 0;



text-indent:12px;



font-size:21px;



color:#495e27;



background:#2a1e13;



}



.top_pre2 .lett1 a {



float:right;



margin:0 9px 0 0;



font-size:15px;



color:#f0f0f0;



text-decoration:none;



}



.top_pre2 .lett1 a:hover {



color:#495e27;



}



.top_pre2 .lett2 {



width:25%;



height:35px;



line-height:35px;



text-align:left;



margin:-3px 0 -5px 0;



font-size:21px;



color:#2fc2dc;



text-indent:5px !important;



background:none !important;



}



.stl {



float:left;



width:25%;



}



.stl ul {



width:100%;



}















/* footer */



.ftlogo{



float:right;



width:270px;



height:71px;



background: url('../images/logo2.png') no-repeat top right;



margin:35px 10px 0 0;



}



footer {



float:left;



line-height:125%;



font-weight:normal;



font-size:12px;



color:#495e27;



width:100%;



text-align:left;



margin:15px 0 0 0;



padding:0 0 15px 0;



text-shadow:none;



}



footer a {



font-weight:bold;



color:#495e27;



text-decoration:underline;



}



footer a:hover {



color:#495e27;



text-decoration:none;



}



.trade {



font-weight:bold;



margin: 15px 0 4px 0;



}



.trade a {



font-weight:bold;



margin:0 10px 0 0;



}



.war {



padding:0 0 0 10px;



margin:2px 0 0 0;



}



.cop {



padding:10px 0 0 0;



font-weight:bold;



}



footer .ftlink {



padding:20px 0 0 10px;



}



footer .ftlink {



color:#495e27;



}



footer .ftlink a {



margin:0 5px 0 5px;



color:#495e27;



}



footer #back-top {



position:fixed;



bottom:25px;



right: 7px;



z-index: 10000;



}



footer #back-top a {



background: rgba(148,97,50, 0.8) url(../images/icons.png) no-repeat 18px -397px;



color:rgba(140,94,52, 0.7);



padding:24px 32px 18px 32px;



-webkit-border-radius: 3px;



-moz-border-radius: 3px;



border-radius: 3px;



}



footer #back-top a:hover {



background: rgba(108,76,47, 0.9) url(../images/icons.png) no-repeat 18px -397px;



}



.thumbs_video div {



clear:both;



margin-left:auto;margin-right:auto;



}



.abc {



float:left;



margin:0 3px 0 0;



padding:0;



width:100%;



text-align:center;



}



.abc a {



display:inline-block;



font-size:15px;



margin:5px 3px 0 0;



padding:0 11px 0 11px;



line-height:35px;



background:#ca0d1c;



border:1px solid #ca0d1c;



color:#495e27;



text-decoration:none;



text-shadow:none;



-moz-border-radius:3px; 



-webkit-border-radius:3px;  



border-radius:3px; 



}



.abc a:hover {



background:#495e27;



border:1px solid #495e27;



color:#ca0d1c;



}



.abc .active {



background:#495e27;



border:1px solid #495e27;



color:#ca0d1c;



}













.minscreen2 {



display:block;



margin:0 auto 0 auto;



width:100%;



}





.minscreen {



display:block;



margin:0 auto 0 auto;



width:100%;



}



.left_pre {



float:right;



background:20%;



width:210px;



padding:17px 0 10px 0;



margin:0 0 10px 0;



}



.lf_sp {



float:left;



margin:0 0 19px 33px;



padding:0;



color:#ffcd88;



text-align:left;



font-size:18px;



}



.lf_sp a {



font-size:15px;



color:#f0f0f0;



text-decoration:none;



text-shadow:none;



}



.lf_sp a:hover {



color:#495e27;



}







.right_pre {



float:left;



width:79%;



margin:0 0 10px 0;



}















.wi1260 {



float:left;



margin:0 auto -5px auto;



padding:0;



width:100%;



}



.wi1260 .centr5 {



width:1010px;



}



.wi1260 .centr5 li {



position:relative;left:-4px;top:-3px;



}



.wi1260 .centr6 {



width:1020px;



}



.wi1260 .centr6 li {



position:relative;left:5px;top:-3px;



}











 /*ie 8*/



@media \0screen {  



footer #back-top a {



background: rgb(176,140,129) url(../images/icons.png) no-repeat 18px -397px;filter: alpha(opacity=50);



}



footer #back-top a:hover {



background: rgb(176,140,129) url(../images/icons.png) no-repeat 18px -397px;filter: alpha(opacity=90);



}



.thumbs .duration {background:rgb(27, 27, 27);filter: alpha(opacity=90);}



.top {



filter: 



progid:DXImageTransform.Microsoft.dropshadow(offX=1, offY=0, color=#495e27))



progid:DXImageTransform.Microsoft.dropshadow(offX=0, offY=1, color=#495e27))



progid:DXImageTransform.Microsoft.dropshadow(offX=0, offY=-1, color=#495e27))



progid:DXImageTransform.Microsoft.dropshadow(offX=-1, offY=0, color=#495e27);



background:#8b1f1f;



}



.topc {



filter: 



progid:DXImageTransform.Microsoft.dropshadow(offX=1, offY=0, color=#495e27))



progid:DXImageTransform.Microsoft.dropshadow(offX=0, offY=1, color=#495e27))



progid:DXImageTransform.Microsoft.dropshadow(offX=0, offY=-1, color=#495e27))



progid:DXImageTransform.Microsoft.dropshadow(offX=-1, offY=0, color=#495e27);



background:#495e27;



}



.topc2 {



width:1200px;



filter:0;







}



.topc3 {



width:100%;



filter:0;



background:none;



}



.topc2 li {



float:left;



background:#831a1a;



width: 220px; 



margin: 7px 5px 7px 10px; 



padding:0 0 20px 0;



}



.top_pre3 .top {



background: #2a1e13;



position:relative;left:-1px;



-moz-box-shadow:none;



-web-kit-box-shadow:none;



box-shadow:none;



}



.sdv {



position:relative;left:22px;



}



.sdv .top {



background:none;



}



.minscreen {



width:1227px;



}



.wi1260 .centr5 {



width:1010px;



}



.wi1260 .centr5_1 {



width:990px;



}



.thumbs {



width:1010px;



position:relative;left:2px;



}



.thumbs1 {



width:1010px;



position:relative;left:-7px;



}



.hat {



width:1227px;



}



.search {



width:100%;



}



.menu ul li {



background:#222;



}


.right_pre {



float:left;



width:1010px;



margin:0 0 10px 7px;



}



} 











                                              







@media (max-width: 998px) {



.minscreen {



width:100%;



}



.hat_pre {



height:auto;



-moz-box-shadow:none;



-web-kit-box-shadow:none;



box-shadow:none;



}



.hat {



height:auto;



-moz-box-shadow:none;



-web-kit-box-shadow:none;



box-shadow:none;



}



.block_pre {



min-width:99%;



}



.key_pre2 {



width:100%;min-width:96%;



margin:0;padding:0;



}



.thumbs_video {



width:100%;



}



.thumbs_video .desc1 {



width:100%;



}



.title_cat .skyroll {



width:99%;



min-width:99%;



}



.abc {



float:left;



width:99%;



margin:10px 0 10px 0;



}



.abc a {



margin:5px 0 0 0;



}



}











@media (min-width: 900px) and (max-width: 1260px) {



.minscreen {



width: 886px;



}



.right_pre {



width:668px;



}



.wi1260 .centr6 {



width: 965px;



}



.wi1260 .centr5_1 {



width: 625px;



}



.hat {



width: 886px;



}



.thumbs {



width: 675px;



position:relative;left:-39px;



}



.thumbs1 {



width: 675px;



position:relative;left:-19px;



}



.menu {



margin-bottom:12px;



}



.menu .drop_menu {



width:342px;



}



.topc2 {



width:720px !important;



position:relative;left:75px;



}



.thumbs_video .vid1 {



width:552px;



}



.vid2 .vid1 {



width: 886px;



}



.vid2 .rec3 {



display:none;



}



}











@media (min-width: 566px) and (max-width: 900px) {



.minscreen {



width: 549px;



}



.right_pre {



width:330px;



}



.wi1260 .centr6 {



width: 328px;



}



.wi1260 .centr5_1 {



width: 340px;



}



.hat {



width: 549px;



}



.lang {



margin:7px 0 0 15px;



}



.langlist li {



width:33%;


}



.search {



margin:5px 0 9px 0;



}



.thumbs {



width:330px;



position:relative;left:-6px;



}



.thumbs1 {



width: 330px;



position:relative;left:-2px;



}



footer {



text-align:center;



}



.ftlogo {



float:none;



width:228px;



margin:25px auto -20px auto;



display:inline-block;



}



.menu .drop_menu {



width:482px;



}



.sdv {



position:relative;left:12px;



}



.thumbs_video .vid1 {



width:547px;



}



}















@media (min-width: 1px) and (max-width: 566px) {



.minscreen {



width: 330px;



}



.left_pre {



display:none;



}



.right_pre {



width: 330px;



position:relative;left:0;



}



.wi1260 .centr6 {



width: 330px;



}



.wi1260 .centr5_1 {



width: 330px;



}



.hat {



width: 330px;



}



.hat .logo {



width: 223px;



float:none !important;



margin:15px auto 5px auto;



}



.thumbs {



width: 330px;



position:relative;left:-5px;



}



.thumbs1 {



width: 330px;



position:relative;left:3px;



}



footer {



text-align:center;



}



.ftlogo {



float:none;



width: 228px;



margin:25px auto -20px auto;



display:inline-block;



}



.search {



width:330px;



margin:5px 0 7px 0;



}



.lang {



float:left;



margin:0;



}



.lang a:link, .lang a:visited, .lang a:active, .lang a:hover {



width: 330px;



}



.langlist li {



width:50%;



}



.menu {



margin:5px 0 12px 0 !important;



}



.menu ul li {



margin:5px 0 0 0;



}



.menu a:link, .menu a:visited, .menu a:active, .menu a:hover {



width: 330px;



padding: 5px 0 5px 0;



}



.menu li:hover a {



padding: 5px 0 5px 0;



}



.menu .drop_menu {



width: 330px;



}



.sdv {



position:relative;left:20px;



}



.contbanner {



float:left;



width:100%;



text-align:center;



margin:30px 0 30px 5px;



}



.thumbs_video .vid1 {



width: 330px;



}



.rz2 {



width:280px !important;



}



.sorting3 {



display:block;



float:left;



margin:-7px 0 20px 0px;



position:relative;



}



}















@media (min-width: 1px) and (max-width: 970px) {



.key_pre {



height:auto;



line-height:auto;



display:inline-block;



}



.key_pre5 {



height:auto;



line-height:auto;



display:inline-block;



}



.pagination {



margin:3px 0 7px 10px;



}



.rt_link {



float:right;



margin:5px 12px 7px 0;



}



.rt_link a {



float:left;



margin:5px 5px 5px 9px;



}



.rt_link a:hover {



float:left;



line-height:17px;



margin:5px 5px 5px 9px;



}



.menu {



float:left;



margin:0 0 10px 0;



width:100%;



}



.top {



float:left;



width:100%;



}



.top li {



float:left !important;



}



.topc li {



clear:none !important;



}



.lang .drop_menu ul li a {



line-height:23px;



}



.menu .drop_menu ul li a {



line-height:23px;



}



.rec3 {



display:none;



}



}







.addthis_button {



display:none;



}



@media (min-width: 1261px) and (max-width: 1575px) {



.vid2 .vid1 {



width:1010px;



}



.vid2 .rec3 {



display:none;



}



}







@media (min-width: 1575px) {



.minscreen {



width:1570px;



}



.wi1260 .centr5 {



width:1370px;



}



.wi1260 .centr6 {



width:1442px !important;



}



.thumbs {



width:1442px;



}



.thumbs1 {



width:1352px;



}



.wi1260 .centr5 li {



position:relative;left:-13px;top:-3px;



}



.right_pre {



float:left;



width:1344px;



margin:0 0 10px 7px;



}



.hat {



width:1570px;



}



.topc2 {



width:1420px;



position:relative;left:72px;



}



.search {



width:530px;



}



.vid2 {



width:1270px !important;



}



.vid2 .vid1 {



width:1270px;



}



.vid2 .rec3 {



display:none;



}



}