@charset "utf-8";
.video-hl { margin:0px; }
.video-hl article { float:left; width:225px; height:160px; padding:0px 0px; margin:0px 2px 2px 0px; background-color:#444; overflow:hidden; }
.video-hl article:hover { background-color:#262626; }
.video-hl article a { font-size:14px; color:#fff; text-decoration:none; }
.video-hl article a div.box-img { margin:5px 0px 0px 5px; width:215px; height:80px; background:#000 no-repeat center; background-size:cover; }
.video-hl article a h3 { font-size:14px; font-weight:normal; padding:5px; color:#fff; }
.video-hl article a:hover h3 { color:#fff; }
.video-hl article p { font-size:10px; color:#aaa; padding:0px 5px 5px 5px; }
.video-hl article p a { font-size:10px; text-decoration:none; color:#aaa; }
.video-hl article p a:hover { color:#aaa; }

.video-listing { }
.video-listing ul { margin:0px; padding:0px; list-style:none; }
.video-listing ul li { width:25%; margin:0px 0px 20px 0px; float:left; display: inline-block; overflow:hidden; }
.video-listing ul li div { margin:0px 12px 0px 0px; }
.video-listing ul li:nth-of-type(4n) div { margin:0px 0px 0px 0px; }
.video-listing ul li div a { font-size:14px; color:#000; text-decoration:none; }
.video-listing ul li div a:hover { color:#222; }
.video-listing ul li div a div { width:100%; height:120px; overflow:hidden; }
.video-listing ul li div a div div.box-img { height:120px; border:0px; background:#000 no-repeat center; background-size:cover; }
.video-listing ul li div a h3 { font-size:14px; font-weight:normal; padding:9px 3px 3px 3px; color:#000; }
.video-listing ul li div a:hover h3 { color:#222; }
.video-listing ul li div p { font-size:10px; color:#222; padding:0px 3px 3px 3px; }
.video-listing ul li div p a { font-size:10px; text-decoration:none; color:#222; }
.video-listing ul li div p a:hover { color:#444; }
.video-listing ul li:nth-of-type(4n+1) { clear:both; }

.video-comment { background-color:#ccc; padding:10px; -moz-border-radius:3px 3px 3px 3px; }
.video-comment div.top-left { float:left; width:6%; }
.video-comment div.top-right { float:left; width:94%; }
.video-comment div.top-right div.right-user { float:left; width:70%; color:#111; }
.video-comment div.top-right div.right-user a { font-size:12px; color:#000; text-decoration:none; }
.video-comment div.top-right div.right-notice { float:right; width:30%; text-align:right; font-size:12px; }
.video-comment div.top-right div.right-notice a { font-size:12px; color:#111; text-decoration:none; }
.video-comment div.top-right div.right-notice a:hover { text-decoration:underline; }
.video-comment div.comment-detail { padding:10px; margin:0px; border-top:1px solid #999; background-color:#ddd; }
.video-comment div.comment-detail div.detail-quote { float:left; width:5%; height:20px; background:url(//www.clipmass.com/images/2013/icon_2013.png) no-repeat; background-position:0px -260px; }
.video-comment div.comment-detail div.detail-message { float:left; width:95%; overflow:hidden; color:#000; font-size:14px; }
.video-comment div.notice-box { border:#aaa solid 1px; display:none; background:#666; padding:5px; }

.video-comment-best { background-color:#aaa; padding:10px; -moz-border-radius:3px 3px 3px 3px; }
.video-comment-best div.top-left { float:left; width:6%; }
.video-comment-best div.top-right { float:left; width:94%; }
.video-comment-best div.top-right div.right-user { float:left; width:70%; color:#111; }
.video-comment-best div.top-right div.right-user a { font-size:12px; color:#000; text-decoration:none; }
.video-comment-best div.top-right div.right-notice { float:right; width:30%; text-align:right; font-size:12px; }
.video-comment-best div.top-right div.right-notice a { font-size:12px; color:#111; text-decoration:none; }
.video-comment-best div.top-right div.right-notice a:hover { text-decoration:underline; }
.video-comment-best div.comment-detail { padding:10px; margin:0px; border-top:1px solid #999; background-color:#bbb; }
.video-comment-best div.comment-detail div.detail-quote { float:left; width:5%; height:20px; background:url(//www.clipmass.com/images/2013/icon_2013.png) no-repeat; background-position:0px -260px; }
.video-comment-best div.comment-detail div.detail-message { float:left; width:95%; overflow:hidden; color:#000; font-size:14px; }
.video-comment-best div.notice-box { border:#aaa solid 1px; display:none; background:#666; padding:5px; }

.channel-listing { margin:0px; padding:0px; background-color:#000; }
.channel-listing ul { margin:0px; list-style:none; }
.channel-listing ul li { float:left; width:100%; border-bottom:1px solid #666; padding:4px 0px 4px 0px; margin:0px; }
.channel-listing ul li a { font-size:12px; text-decoration:none;}
.channel-listing ul li a h3 { font-size:12px; font-weight:normal; color:#222;; }
.channel-listing ul li a:hover h3 { color:#444; }

.relate-video-listing { /* background-color:#ccc; */ }
.relate-video-listing ul { list-style:none; }
.relate-video-listing ul li { padding:5px; }
.relate-video-listing ul li:hover {background-color:#aaa;}
.relate-video-listing ul li a { text-decoration:none; }
.relate-video-listing ul li a div.video-thumb { float:left; width:35%; }
.relate-video-listing ul li a div.video-thumb div.box-img { height:65px; background:#000 no-repeat center; background-size:cover; }
.relate-video-listing ul li a div.video-detail { float:left; width:65%; }
.relate-video-listing ul li a div.video-detail h3 { margin:0px 0px 0px 10px; font-size:14px; font-weight:normal; color:#000; }
.relate-video-listing ul li a:hover div.video-detail h3 { color:#333; }
.relate-video-listing ul li a div.video-detail h3 span { font-size:12px; color:#ccc; }

.relate-playlist-listing { background-color:#303030; }
.relate-playlist-listing ul { list-style:none; }
.relate-playlist-listing ul li { width:300px; padding:5px; }
.relate-playlist-listing ul li:hover { background-color:#777; }
.relate-playlist-listing ul li a { text-decoration:none; }
.relate-playlist-listing ul li a p { float:left; width:82px; }
.relate-playlist-listing ul li a p img { width:80px; height:50px; border:2px solid #666; }
.relate-playlist-listing ul li a h3 { float:left; width:195px; margin:0px 0px 0px 10px; font-size:14px; font-weight:normal; color:#ccccff; }
.relate-playlist-listing ul li a:hover h3 { color:#fff; }
.relate-playlist-listing ul li a h3 span { font-size:12px; color:#999; }

#video-watch { margin:0px auto; background-color:#333;}

#video-watch div.watch-left { float:left; width:670px; }

#video-watch div.watch-right { float:right; width:310px; margin-left:10px; margin-top:5px; }

#video-watch div.watch-detail { text-align:left; width:670px; color:#000; font-size:12px; padding:5px 0px 5px 0px;}

#video-watch div.controller-panel { display:none; border:1px solid #000; padding:10px; background-color:#2E2F2F; }

#video-watch div.container { width:280px; padding:4px 0px 4px 0px; background-color:inherit; }
#video-watch div.container-left { float:left; width:112px; }
#video-watch div.container-right { float:left; width:160px; margin-left:8px; text-align:left; background-color:inherit; }
#video-watch div.video { width:112px; height:60px; }
#video-watch div.video .thumb { width:110px; height:60px; border:1px solid #576168; }
#video-watch div.overlay { width:30px; height:14px; overflow:hidden; margin-top:-14px; background:#333; color:#000; font-size:10px; padding:2px; opacity:0.7; filter:alpha(opacity=70); }
#video-watch a.title { font-size:14px; color:#000; font-weight:normal; text-decoration:none; }
#video-watch a.title:hover { font-size:14px; color:#FF9900; font-weight:normal; text-decoration:underline; }
#video-watch a.owner { font-size:12px; color:#000; font-weight:normal; }
#video-watch div.detail { font-size:10px; color:#222; }

#video-watch a.tag { font-size:12px; color:#333; font-weight:normal; }

#video-watch div.box-title { margin-top:10px; border-bottom:1px solid #444; padding-bottom:5px; }

.video_description { font-size:14px; color:#111; }
.video_description a { font-size:14px; color:#111; }


.video-listing-search { }
.video-listing-search ul { margin:0px; list-style:none; }
.video-listing-search ul li { padding:5px; }
.video-listing-search ul li div.video-thumb { float:left; width:25%; }
.video-listing-search ul li div.video-thumb a { border:0px; }
.video-listing-search ul li div.video-thumb a div.box-img { margin:0px; height:120px; background:#000 no-repeat center; background-size:cover; }
.video-listing-search ul li div.video-detail { float:left; width:75%; }
.video-listing-search ul li div.video-detail h3 { font-size:16px; font-weight:normal; color:#000; padding:0px 8px; }
.video-listing-search ul li div.video-detail h3 a { font-size:16px; font-weight:normal; color:#000; text-decoration:none; }
.video-listing-search ul li div.video-detail h3 a:hover { color:#333; }
.video-listing-search ul li div.video-detail p { font-size:12px; color:#222; padding:8px; }
.video-listing-search ul li div.video-detail p a { font-size:12px; color:#222; }

.video-category { background-color:#333; }
.video-category ul { margin:0px; list-style:none; }
.video-category ul li { float:left; width:12.5%; }
.video-category ul li div { border-bottom:1px solid #666; padding:5px 0px 5px 0px; margin:0px 10px 0px 0px; }
.video-category ul li div a { text-decoration:none; }
.video-category ul li div a h3 { font-size:12px; font-weight:normal; color:#222 }
.video-category ul li div a:hover h3 { color:#000; }
.video-category ul li:nth-of-type(8n+1) { clear:both; }

.video-hl-big { }
.video-hl-big ul { margin:0px; padding:0px; list-style:none; }
.video-hl-big ul li { width:33.33%; float:left; margin:0px 0px 20px 0px; display: inline-block; overflow:hidden; }
.video-hl-big ul li div { margin:0px 12px 0px 0px; }
.video-hl-big ul li div a { font-size:16px; color:#000; text-decoration:none; }
.video-hl-big ul li div a:hover { color:#222; }
.video-hl-big ul li div a div { width:100%; height:170px; overflow:hidden; }
.video-hl-big ul li div a div div.box-img { height:170px; border:0px; background:#000 no-repeat center; background-size:cover; }
.video-hl-big ul li div a:hover div div.box-img {
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
 }

.video-hl-big ul li div a h3 { font-size:16px; font-weight:normal; padding:9px 3px 3px 3px; color:#000; }
.video-hl-big ul li div a:hover h3 { color:#222; }
.video-hl-big ul li div p.video-stat { float:left; }
.video-hl-big ul li div p.video-stat { font-size:10px; color:#222; padding:0px 5px 5px 5px; }
.video-hl-big ul li div p.video-owner { float:right; }
.video-hl-big ul li div p.video-owner { font-size:10px; color:#222; padding:0px 3px 3px 3px; }
.video-hl-big ul li div p.video-owner a { font-size:10px; text-decoration:none; color:#222; }
.video-hl-big ul li div p.video-owner a:hover { color:#444; }
.video-hl-big ul li div p.video-owner a img { width:40px; height:40px; border:0px; }
.video-hl-big ul li:nth-of-type(3n+1) { clear:both; }

.video-listing-big { }
.video-listing-big ul { margin:0px; padding:0px; list-style:none; }
.video-listing-big ul li { width:25%; margin:0px 0px 20px 0px; float:left; display: inline-block; overflow:hidden; }
.video-listing-big ul li div { margin:0px 12px 0px 0px; }
.video-listing-big ul li:nth-of-type(4n) div { margin:0px 0px 0px 0px; }
.video-listing-big ul li div a { font-size:14px; color:#000; text-decoration:none; }
.video-listing-big ul li div a:hover { color:#222; }
.video-listing-big ul li div a div { width:100%; height:150px; overflow:hidden; }
.video-listing-big ul li div a div div.box-img { height:150px; border:0px; background:#000 no-repeat center; background-size:cover; }
.video-listing-big ul li div a h3 { font-size:14px; font-weight:normal; padding:9px 3px 3px 3px; color:#000; }
.video-listing-big ul li div a:hover h3 { color:#222; }
.video-listing-big ul li div p { font-size:10px; color:#222; padding:0px 3px 3px 3px; }
.video-listing-big ul li div p a { font-size:10px; text-decoration:none; color:#222; }
.video-listing-big ul li div p a:hover { color:#444; }
.video-listing-big ul li:nth-of-type(4n+1) { clear:both; }

.list-button { width:24px; height:22px; background:url(//www.clipmass.com/images/2014/column_icon.png) no-repeat; background-position:0px 0px; opacity:0.80; *filter: alpha(opacity=80); }
.list-button:hover { opacity:1.00; *filter:alpha(opacity=100); }
.grid-button { width:24px; height:22px; background:url(//www.clipmass.com/images/2014/column_icon.png) no-repeat; background-position: 0px -22px; opacity:0.80; *filter: alpha(opacity=80); }
.grid-button:hover { opacity:1.00; *filter: alpha(opacity=100); }

.hot-video-top { background-color:#aaa; }
.hot-video-top ul { list-style:none; }
.hot-video-top ul li { padding:2px; }
.hot-video-top ul li a { text-decoration:none; }
.hot-video-top ul li a div { height:128px; }
.hot-video-top ul li a div div.box-img { background:#000 no-repeat center; background-size:cover; }
.hot-video-top ul li a div div.box-img img { margin:5px 0px auto; width:80px; border:0px; opacity:0.2; filter:alpha(opacity=20); }
.hot-video-top ul li a div div.box-img:hover img { opacity:0.4; filter:alpha(opacity=40); }
.hot-video-top ul li a h3 { position:relative; opacity:0.5; filter:alpha(opacity=50); margin:-28px 0px 0px 0px; height:20px; padding:4px 8px; font-size:14px; font-weight:normal; background-color:#000; color:#fff; }
.hot-video-top ul li a:hover h3 { color:#ccc; }

.hot-video-listing { background-color:#ccc; }
.hot-video-listing ul { list-style:none; }
.hot-video-listing ul li { padding:5px; }
.hot-video-listing ul li a { text-decoration:none; }
.hot-video-listing ul li a div.video-thumb { float:left; width:35%; }
.hot-video-listing ul li a div.video-thumb div.box-img { height:65px; background:no-repeat center; background-size:cover; }
.hot-video-listing ul li a div.video-detail { float:left; width:65%; }
.hot-video-listing ul li a div.video-detail h3 { margin:0px 0px 0px 5px; font-size:14px; font-weight:normal; color:#000; }
.hot-video-listing ul li a:hover div.video-detail h3 { color:#333; }
.hot-video-listing ul li a div.video-detail h3 span { font-size:12px; color:#218DB6; }
.hot-video-listing ul li a:hover div.video-detail h3 span { color:#fff; }