@charset "utf-8";

.show-title { padding: 5px; background-color: #bf3228; border-bottom: 2px solid #c0c0c0; }
.show-title h1 { float: left; font-weight: normal; font-size: 16px; color: #fff; }
.show-title h2 { float: left; font-weight: normal; font-size: 14px; color: #fff; }
.show-title p { float: right; margin: 2px 5px 0px 0px; font-size: 12px; }
.show-title p a { color: #fff; text-decoration: none; }
.show-title p a:hover { color: #ff9966; }
.show-title span { float: right; width: 10px; height: 10px; margin: 5px 5px 0px 0px; background: url(//www.clipmass.com/images/2013/icon_sign.png) no-repeat; background-position: 0px -92px; }

.show-video-title { padding:5px; }
.show-video-title h1 { font-weight: normal; font-size: 18px; color: #222; }
.show-video-title h1 a { font-weight: normal; font-size: 18px; color:#222; text-decoration: none; }
.show-video-title h2 { font-weight: normal; font-size: 16px; color: #222; }
.show-video-title h2 a { font-weight: normal; font-size: 16px; color:#222; text-decoration: none; }
.show-video-title p { font-size: 14px; color: #333; }
.show-video-title p a { color:#333; text-decoration: none; }

.show-info { font-size: 16px; color: #333; }

.relate-show-listing { background-color: #000; }
.relate-show-listing ul { list-style: none; }
.relate-show-listing ul li { width: 300px; padding: 5px; }
.relate-show-listing ul li:hover { background-color: #444; }
.relate-show-listing ul li h2 { font-size: 16px; font-weight: normal; padding: 0px 0px 5px 0px; }
.relate-show-listing ul li h2 a { font-size: 16px; color: #218DB6; text-decoration: none; }
.relate-show-listing ul li h2 span { float: right; font-size: 18px; }
.relate-show-listing ul li div.show-user { float: left; width: 40px; }
.relate-show-listing ul li div.show-video { float: left; width: 90px; margin-left: 5px; }
.relate-show-listing ul li div.show-user img.show-user-thumb { width: 40px; height: 40px; border: 0px; }
.relate-show-listing ul li div.show-video img.show-video-thumb { width: 90px; height: 60px; border: 0px; }
.relate-show-listing ul li h3 { float: left; width: 130px; margin: 0px 0px 0px 5px; font-size: 14px; font-weight: normal; }
.relate-show-listing ul li h3 a { text-decoration: none; color: #fff; }
.relate-show-listing ul li h3 a:hover { color: #fff; }
.relate-show-listing ul li h3 span a { font-size: 12px; color: #999; }

.show-listing { background-color: #333; }
.show-listing ul { list-style: none; }
.show-listing ul li { padding: 10px 0px; border-bottom: 2px solid #666; }
.show-listing ul li:hover { background-color: #444; }
.show-listing ul li a { font-size: 20px; text-decoration: none; color: #fff; }
.show-listing ul li a div.show-thumb { float: left; width: 40px; margin-left: 10px; }
.show-listing ul li a div.show-thumb img.show-user-thumb { width: 40px; height: 40px; border: 0px; }
.show-listing ul li a div.show-user { float: left; width: 280px; margin: 10px 0px 0px 5px; font-size: 20px; }
.show-listing ul li a div.show-view { float: right; margin: 15px 10px 0px 5px; font-size: 14px; color: #eee; }

.featured-show-listing { background-color: #262626; }
.featured-show-listing ul { list-style: none; }
.featured-show-listing ul li { padding: 10px; border-bottom: 2px solid #303030; }
.featured-show-listing ul li:hover { background-color: #aa180d; }
.featured-show-listing ul li a { font-size: 24px; text-decoration: none; color: #fff; }
.featured-show-listing ul li a div.show-thumb { float: left; width: 50px; }
.featured-show-listing ul li a div.show-thumb img.show-user-thumb { width: 50px; height: 50px; border: 0px; }
.featured-show-listing ul li a div.show-user { float: left; width: 140px; margin: 0px 5px; padding: 0px 4px; font-size: 24px; color: #999; }
.featured-show-listing ul li a div.show-user div.show-view { margin: 5px 10px 0px 0px; font-size: 14px; color: #eee; }

.show-hl { margin: 0px; }
.show-hl article { float: left; width: 218px; height: 200px; border-right: 2px solid #c0c0c0; border-bottom: 2px solid #c0c0c0; background-color: #444; overflow: hidden; font-size: 14px; color: #fff; text-decoration: none; }
.show-hl article:hover { background-color: #262626; }
.show-hl article img.show-video-thumb { width: 218px; height: 140px; border: 0px; }
.show-hl article img.show-user-thumb { width: 40px; height: 40px; border: 0px; }
.show-hl article h3 { font-size: 14px; font-weight: normal; padding: 5px; }
.show-hl article h3 a { color: #7ad7e7; }
.show-hl article h3 a:hover { color: #7ad7e7; }
.show-hl article div.show-thumb { float: left; width: 40px; margin-left: 2px; }
.show-hl article div.show-detail { float: left; width: 170px; margin-left: 6px; }

.show-hl-home { margin: 0px; }
.show-hl-home article { float: left; width: 210px; height: 150px; margin: 0px 3px 3px 0px; border-right: 2px solid #444; border-bottom: 2px solid #222; background-color: #666; overflow: hidden; font-size: 14px; color: #fff; text-decoration: none; }
.show-hl-home article:hover { background-color: #FF4F4F; }
.show-hl-home article img.show-video-thumb { width: 210; height: 90px; border: 0px; }
.show-hl-home article img.show-user-thumb { width: 40px; height: 40px; border: 0px; }
.show-hl-home article h3 { font-size: 14px; font-weight: normal; padding: 5px; }
.show-hl-home article h3 a { color: #7ad7e7; }
.show-hl-home article h3 a:hover { color: #7ad7e7; }
.show-hl-home article div.show-thumb { float: left; width: 40px; margin-left: 2px; }
.show-hl-home article div.show-detail { float: left; width: 162px; margin-left: 6px; }

.show-hl-watch { margin: 0px; }
.show-hl-watch article { float: left; width: 162px; height: 120px; margin: 0px 3px 3px 0px; border-right: 2px solid #444; border-bottom: 2px solid #222; background-color: #666; overflow: hidden; font-size: 14px; color: #fff; text-decoration: none; }
.show-hl-watch article:hover { background-color: #FF4F4F; }
.show-hl-watch article img.show-video-thumb { width: 162; height: 60px; border: 0px; }
.show-hl-watch article img.show-user-thumb { width: 40px; height: 40px; border: 0px; }
.show-hl-watch article h3 { font-size: 14px; font-weight: normal; padding: 5px; }
.show-hl-watch article h3 a { color: #7ad7e7; }
.show-hl-watch article h3 a:hover { color: #7ad7e7; }
.show-hl-watch article div.show-thumb { float: left; width: 40px; margin-left: 2px; }
.show-hl-watch article div.show-detail { float: left; width: 104px; margin-left: 6px; }

.show-listing { margin: 0px; }
.show-listing article { float: left; width: 150px; padding: 0px 0px; margin: 0px 15px 5px 0px; overflow: hidden; }
.show-listing article:hover { opacity: 0.80; *filter: alpha(opacity=80); }
.show-listing article a { font-size: 14px; color: #fff; text-decoration: none; }
.show-listing article a img { width: 148px; height: 75px; margin: 0px 0px 0px 0px; border: 1px #8c8c8c solid; }
.show-listing article a h3 { font-size: 14px; font-weight: normal; padding: 3px; color: #7ad7e7; }
.show-listing article a:hover h3 { color: #7ad7e7; }
.show-listing article p { font-size: 10px; padding: 0px 3px 3px 3px; }
.show-listing article p a { font-size: 12px; text-decoration: none; color: #eee; }
.show-listing article p a:hover { color: #eee; }

.show-kb-listing { }
.show-kb-listing ul { list-style: none; }
.show-kb-listing ul li { border-bottom: 1px solid #666; margin: 0px 5px 0px 5px; padding: 5px 0px 5px 0px; background: url(//www.clipmass.com/images/2013/icon_sign.png) no-repeat; background-position: 0px -10px; }
.show-kb-listing ul li h3 { margin: 0px 0px 0px 10px; font-size: 14px; font-weight: normal; }
.show-kb-listing ul li h3 a { text-decoration: none; color: #000; }
.show-kb-listing ul li h3 a:hover { color: #ff9900; }
.show-kb-listing ul li:last-child { border: 0px; }

.button-red {
	color: #fff;
	font-size: 18px;
    padding: 6px 12px;
    display: inline-block;
    background-color: #aa180d;
    border: solid 3px #bf3228;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
	text-decoration: none;
	cursor: pointer;
}
.button-red:hover {
    background-color: #bf3228;
	text-decoration: none;
}

.sub-menu-show { height: 30px; line-height: 30px; background-color: #aa180d; margin-bottom: 2px; border-bottom: 1px solid #bf3228; }
.sub-menu-show div { display: block; }
.sub-menu-show div ul { margin: 0px; list-style: none; }
.sub-menu-show div ul li { float: left; }
.sub-menu-show div ul li a { font-size: 14px; padding: 6px 15px 6px 15px; text-decoration: none; color: #fff; }
.sub-menu-show div ul li a:hover { text-decoration: none; background-color: #cc0000; }
.sub-menu-show div ul li span { font-size: 14px; padding: 6px 15px 6px 15px; color: #ff9966; }

.sub-menu-show div ul li:first-child a { color: #fff; }
.sub-menu-show div ul li:first-child span { font-size: 14px; padding: 6px 15px 6px 15px; text-decoration: none; color: #ff9966; }

.sub-menu-show div ul li:last-child { float: right; padding: 0px 10px; font-size: 14px; color: #ff9966; }