@charset "UTF-8";
/* CSS Document */

.coverBox{padding:10px; width:280px; height:300px; float:left; background:#dbdad2; cursor:pointer; cursor:hand;}
.coverBox:hover{background:#4f052e; color:#FFF;}
.coverBox:hover h3{color:#FFF;}

.coverBox h3{margin-bottom:5px; font-size:16px;}

.setBg{background:#333; padding:10px 0 10px 12px; float:left;}
.coverBox2{padding:5px; width:280px; height:320px; position:relative; display:inline-block; background:none; cursor:pointer; cursor:hand; float:left;}
.smallBox{height:200px;}

.coverBox2 .tag{background:#000; padding:5px; width:270px; height:22px; color:#CCC; font-size:12px; font-weight:bold;}

.coverBox .thumb, .coverBox2 .thumb{width:280px; height:180px; overflow:hidden; margin-bottom:5px;}
.coverBox2 .thumb{margin-bottom:0; background:#000; height:280px; display: table-cell;
    vertical-align: middle; text-align:center; }
.coverBox2 .vid{height:160px; display:block; overflow:hidden; vertical-align: top;}
.thumb img{float:none; }	
	


.tag ul{list-style:none;}
.tag li{float:right; height:22px; line-height:22px; padding:0 0 0 10px;}
.tag li img{float:right;}

.caption{width:270px; position:absolute; bottom:45px; left:auto; padding:5px;  background:url(../images/dark-alpha.png); font-size:12px; font-weight:bold; color:#FFF; z-index:5; visibility:visible;}


.coverBox2:hover .caption{visibility:visible;}