@charset "utf-8";

.quvic .playerBox { }
.quvic .playerOpt { margin-top:20px; text-align:center; }

.quvic .searchCate ul {margin-top:20px;padding-left:1px;list-style:none;zoom:1}
.quvic .searchCate li {float:left;margin-bottom:-1px; width:20%; }
.quvic .searchCate a {display:block;position:relative;margin-left:-1px;padding:7px 0 6px;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;line-height:1.2em;cursor:pointer}
.quvic .searchCate a:hover {z-index:2;border:1px solid #c90000;background:red;color:#fff;font-weight:bold;text-decoration:none}
.quvic .searchCate .cate-on {z-index:2;border:1px solid #000;background:#333;color:#fff;font-weight:bold}

.quvic .searchBox { margin:20px 0px 10px; padding:3px 8px 8px; border:1px solid #ddd; background:#fafafa; display:block; }
.quvic .searchBtn { float:right }
.quvic .searchForm { float:left; }

.quvic input.searchKeyword { width:120px; }
.quvic #videolist { margin:0px -10px; padding:0px; overflow:hidden;}

.quvic dl.videos { padding:0px; margin:0px; overflow:hidden; }
.quvic dl.videos dt { float:left; margin:0px; padding:0px; font-size: 11px; font-family: Verdana, Arial; overflow:hidden; }
.quvic dl.videos dt img { border: 0px; cursor: pointer; }
.quvic .videoItem { margin:10px; position: relative; }
.quvic .videoThumb { position: relative; display:block; padding:4px; border:1px solid #ddd; }
.quvic .videoThumb:hover { border:1px solid crimson; background:orangered; }
.quvic .videoImg { position: relative; display:block; height: 0; padding-bottom: 75%; overflow: hidden; }
.quvic .videoImg img { position: absolute;top: 0; left: 0; width: 100%; height:auto; }
.quvic .videoTitle { display:inline-block; height:50px; overflow:hidden; margin-top:8px; line-height:1.5; }
.quvic .duration { 
	border-bottom-left-radius: 2px 2px;	border-bottom-right-radius: 2px 2px; border-top-left-radius: 2px 2px; border-top-right-radius: 2px 2px;	opacity: 0.75;zoom: 1;
	background-color: #222;	color: white !important; display: inline-block;	font-size: 11px; font-weight: normal; height: 15px; line-height: 15px; vertical-align: top;	position: absolute;	border: 0px; padding: 0px 6px; right: 8px; bottom: 10px;
}
.quvic .quvic-copyright { text-align:center; margin:15px 0px 30px; font:normal 11px verdana; line-height:1.5; }

/* Mobile */
.quvic-m .searchBox { margin:10px 0px 5px; }
.quvic-m .searchForm { float:none; margin:20px 0px 10px; padding:8px; border:1px solid #ddd; background:#fafafa; overflow:hidden; text-align:center; }
.quvic-m .searchBtn { float:none; margin:0px 0px 20px; padding:8px; border:1px solid #ddd; background:#fafafa; overflow:hidden; text-align:center; }
.quvic-m input.searchKeyword { width:100px; }
.quvic-m #videolist { margin:0px -5px; }
.quvic-m .videoItem { margin:5px 5px 10px; }
.quvic-m .videoTitle { height:34px; margin-top:6px; }