/* CSS Document */
 
.displayNone { display: none; } 
.mfa-white { color: #fff; }
a.mfa-white { color: #fff !important; }

div.mainSite { height: 100%;
margin: 0;
background: #eee;
color: #999;
margin-bottom:35px; 
}


 
body {
 padding-right: 0px; 
 padding-left: 0px;
 
background: #eee; 
 
}

div.mainSite h1 { font-size: 150%; color: #000; }

div.mainSite h1.header { display: block; width: 100%; border-bottom: 1px dashed #000; margin-bottom:5px; }


div.mainSite h2 { font-size: 120%; color: #000; }

div.mainSite h2.header { display: block; width: 100%; border-bottom: 1px dashed #000; margin-bottom:5px; line-height: 24px; min-height: 24px;}

div.main-containerbody { width: 97%; margin: auto; }

div.main-containerbody .vblock {background: #fff; padding-left: 10px; padding-right: 10px; padding-bottom:10px; padding-top:2px;}

.vList { margin: 0; width: 100%; }
.vList li a:hover {background: #efefed;}
.vList li a { text-decoration: none; color: #999; display: block; }
.vList li { list-style: none; display: block; position: relative; border-bottom: 1px solid #eee; margin-bottom: 5px; clear:both; }
.vList li .vthumb { display: inline-block; height: 60px; background-repeat: no-repeat; width: 100px; background-size:120px auto !important; }
.vList li .vcontent { margin-left: 10px; width:80%; display: inline-block; position: absolute; top: 0px;}
.vList li .series, .vList li .name { display: block; width: 100%;  }
.vList li .series { font-weight: bold; font-size: 150%; color: #000; }

.vList li:last-child { border-bottom: 0px solid #eee; margin-bottom: 5px; }

.topSearch { position: relative; top: 10px; left: 30px; width: 160px; display: inline-block; float: left;  }

.vList li.innerHeader { margin-bottom: 5px; padding: 10px; display: block; background:#000; color: #fff; font-size:125%;}

.marrowc { width: 120px; margin-top: 7px;}
.lupdate { width: 180px; }
.marrow { font-size: 400%; margin-right: 10px; }
p { color: #000; }

.navbar {
margin-bottom: 3px; 
}

.vList li .series { font-size:14px; }
.vList li .name { font-size:12px; }
 
@media (min-width: 980px) {
div.mstats { margin-top:17px; }
}
@media (max-width: 979px) {
 .navbar-inner { padding-left: 5px; padding-right: 5px; }
 .topSearch { width: 290px; left: 0px; }
 
 .topSearch input[type="search"] { width: 240px; }
 .marrowc { margin-right: -10px;   }
}

@media (max-width: 240px) {
 .navbar-inner { padding-left: 5px; padding-right: 5px; }
 .topSearch { width: 230px; left: 0px; } 
 .topSearch input[type="search"] { width: 210px; }
 .marrowc  { display:none; }
}
img.imi { width: 320px; }
.playBut { position: absolute; z-index: 1111; display: block; height: 200px; width: 320px;  color: #000;}

@media (min-width: 321px) {
.marrowc { width:240px; text-align:right; }
}



@media (max-width: 600px) {
img.imi { width: 600px; }
.playBut { position: absolute; z-index: 1111; display: block; height: 100%; width: 600px;  color: #000;}
}

@media (max-width: 480px) {
img.imi { width: 480px; }
.playBut { position: absolute; z-index: 1111; display: block; height: 100%; width: 480px;  color: #000;}
}


@media (max-width: 384px) {
img.imi { width: 384px; }
.playBut { position: absolute; z-index: 1111; display: block; height: 100%; width: 384px;  color: #000;}
}

@media (max-width: 320px) {
.vList li .vthumb { width: 100px; margin-right:2px; }
.vList li .vcontent { margin-left: 0px; display: inline-block; position: absolute; top: 0px;}

.marrowc { width:100px;   text-align:right; overflow:hidden; margin-top:19px;}

.marrowc i.fa-chevron-right  {
font-size: 240%;
}

.upDate{ font-size:10px; position:absolute; bottom:10px; right:31px;}

img.imi { width: 320px; }
.playBut { position: absolute; z-index: 1111; display: block; height: 100%; width: 320px;  color: #000;}
}



@media (min-width: 650px) {
img.imi { width: 624px; }
.playBut { position: absolute; z-index: 1111; display: block; height: 100%; width: 624px;  color: #000;}
}


.playBut { display: none; }

/*div#vplayer {position: relative; background: #000; width: 100%;}
*/
.playerHolder { position: relative; margin: auto; }
.playBut:hover { color: #fff; cursor: pointer;}
.playBut i { position: relative; top: 40%; left: 42%; color: #ddd; }
 
.navbuts { margin:auto; }
.navbuts a { color:#FFF; }
.dsize { font-size:50%}


.sloader { width: 20px; margin: auto; display: none; }
.loadmbut { line-height:40px; }

ul.lettersListUL { display:block; width:100%; margin:0px; padding:0px; }

ul.lettersListUL li {list-style:none; width:13px; display:block; float:left; text-align:center; }
ul.lettersListUL li a {color:#000; display:block; }
ul.lettersListUL li:hover { background:#333; color:#FFF; }
ul.lettersListUL li:hover a {color:#FFF; }


#viewvideo-box .vblock h1 { line-height: 24px; }
#viewvideo-box ul.screenshots { margin:0px; width:97%; max-width:400px; } 
#viewvideo-box ul.screenshots li { list-style:none; float:left; margin:3px; width:31%; overflow:hidden;   }
#viewvideo-box ul.screenshots li img { border:1px solid #000; width:100%; }


.m-genres { padding:10px; }


.shareButs { width: 90px; display: inline-block; position: relative; top: 4px; }
.shareButs .sbuts { width:100%; margin:0; padding:0; }
.shareButs .sbuts li { width:20px; display:block; float:left; list-style:none; }
.shareButs .sbuts li a {display:block; color: #000; }
.shareButs .sbuts li a:hover {display:block; color: #ddd; }

.shareButs .sbuts li span { display: none; }