@charset "utf-8";

/*
* { margin: 0px; padding: 0px; }
*/

body { font-family: tahoma; font-size: 12px; color: #ccc; background-color: #aeaeae; } /*#ccc*/

header { background-color: #000; }

body, h1, h2, h3, h4, p, div, ul, article, figure { margin: 0px; padding: 0px; }

h1.big-title, h2.big-title, h3.big-title { font-weight: normal; font-size: 22px; color: #000; }
h1.mid-title, h2.mid-title, h3.mid-title { font-weight: normal; font-size: 18px; color: #000; }
h1.video-title, h2.video-title, h3.video-title { font-weight: normal; font-size: 16px; color: #000; }
h1.scoop-title, h2.scoop-title, h3.scoop-title { font-weight: normal; font-size: 22px; color: #000; }

div, table, tr, td { font-size: 12px; }

a { color: #ffcc99; text-decoration: none; }
a:hover { text-decoration: underline; }

.success { font-size: 14px; color: #669900; font-weight: bold; width: 90%; padding: 5px; }

.error { font-size: 14px; font-weight: bold; color: #FF0000; width: 90%; padding: 5px; }

.message { font-size: 14px; font-weight: bold; color: #FFFFFF; background-color: #191919; width: 90%; padding: 5px; border: 3px solid #666666; }

.error-box { padding: 8px 0px; font-size:14px; text-align:center; color:#ff6600; border:2px solid #ccc; }

.notification { font-size: 16px; color: #ff9966; }
.notification a { font-size: 16px; color: #eee; text-decoration: none; }
.notification-big { font-size: 18px; color: #ff9966; }
.notification-big a { font-size: 18px; color: #eee; text-decoration: none; }
.notification-small { font-size: 12px; color: #ff9966; }
.notification-small a { font-size: 12px; color: #ff9966; text-decoration: none; }

.mini-login-menu { float: left; margin: 0px 5px 0px 5px; vertical-align: middle; }

a.tab-inside:link, a.tab-inside:hover, a.tab-inside:active, a.tab-inside:visited { color: #C3D9FF; }

a.selected-tab-inside:link, a.selected-tab-inside:hover, a.selected-tab-inside:active, a.selected-tab-inside:visited { color: #FFFFFF; }

a.button {
    color: #6e6e6e;
    text-decoration: none;
    padding: 6px 12px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    border: solid 1px #dcdcdc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

a.button:hover {
    color: #333;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

a.button:active {
    color: #000;
    border-color: #444;
}

.bg-tab { float: left; padding: 6px 0px 6px 0px; width: 90px; border-style: solid; border-width: 1px 1px 0px 1px; border-color: #333333; text-align: center; background-color: #666666; }

.bg-selected-tab { float: left; padding: 6px 0px 6px 0px; width: 90px; border-style: solid; border-width: 1px 1px 0px 1px; border-color: #333333; text-align: center; background-color: #333333; }

.thumb { border: 1px solid #576168; }

.ch-thumb { border: 1px solid #CCCCCC; }

a.small:link { font-size: 11px; color: #ccc; text-decoration: none; }
a.small:active { font-size: 11px; color: #000; text-decoration: none; }
a.small:visited { font-size: 11px; color: #111; text-decoration: none; }
a.small:hover { font-size: 11px; color: #EA4E02; text-decoration: underline; }

a.bold-link:link { font-size:14px; color: #222; text-decoration:none; }
a.bold-link:hover { font-size:14px; color: #333; }
a.bold-link:visited, a.bold-link:active { font-size:14px; color:#000; text-decoration:none; }

a.head-nav:link, a.head-nav:visited, a.head-nav:active { margin-right: 12px; color: #ccc; text-decoration: none; font-size: 14px; font-weight: bold; }
a.head-nav:hover { margin-right: 12px; color: #FF9966; text-decoration: none; font-size: 14px; font-weight: bold; }

a.account-nav:link { font-size: 14px; color: #fff; text-decoration: none; }
a.account-nav:hover { color: #ff9900; }
a.account-nav:visited, a.account-nav:active { color: #fff; }

a.loveit {
	background: url('//www.clipmass.com/images/loveit.png') repeat scroll 0 0 transparent;
	display : block;
	height: 24px;
	outline: medium none;
	text-decoration: none;
	text-indent : -999px;
	width: 86px;
}

a.loveit:hover {
	background: url('//www.clipmass.com/images/loveit.png') repeat scroll 0 24px transparent;;
	display : block;
	height: 24px;
	outline: medium none;
	text-decoration: none;
	text-indent : -999px;
	width: 86px;
}

a.tabmenu,  a.tabmenu:link, a.tabmenu:visited, a.tabmenu:active {
	float: left;
	background: url('//www.clipmass.com/images/button2.png') repeat scroll 0 0 transparent;
	display : block;
	height: 25px;
	outline: medium none;
	text-decoration: none;
	text-align: center;
	width: 111px;
	color: #FFFFFF;
	font-size: 14px;
	padding-top: 5px;
	margin-left: 4px;
}

a.tabmenu:hover {
	float: left;
	background: url('//www.clipmass.com/images/button2.png') repeat scroll 0 30px transparent;
	display : block;
	height: 25px;
	outline: medium none;
	text-decoration: none;
	text-align: center;
	width: 111px;
	color: #42D0FF;
	font-size: 14px;
	padding-top: 5px;
	margin-left: 4px;
}

a.control, a.control:link, a.control:visited, a.control:active{
	float: left;
	background: url('//www.clipmass.com/images/bg_control3.png') repeat scroll 0 0 transparent;
	display : block;
	height: 25px;
	outline: medium none;
	text-decoration: none;
	text-align: center;
	width: 106px;
	color: #FFFFFF;
	padding-top: 5px;
	margin-left: 4px;
}

a.control:hover {
	float: left;
	background: url('//www.clipmass.com/images/bg_control3.png') repeat scroll 0 29px transparent;
	display : block;
	height: 25px;
	outline: medium none;
	text-decoration: none;
	text-align: center;
	width: 106px;
	color: #dd4b12;
	padding-top: 5px;
	margin-left: 4px;
}

a.control-nav:link, a.control-nav:visited, a.control-nav:active { padding: 3px 2px; color: #ccc; text-decoration: none; font-size: 12px; }
a.control-nav:hover { padding: 3px 2px; color: #FF9966; text-decoration: none; font-size: 12px; }

.paging { float: left; padding: 2px 3px 2px 3px; background-color: #666666; border: 1px solid #C3D9FF; }
.paging-selected { float: left; padding: 2px 3px 2px 3px; background-color: #00CCFF; border: 1px solid #C3D9FF; }

.warning { color: #f97f4f; font-size: 12px; height: 20px; width: 100%; padding: 4px 0px 4px 0px; }

a.h3-white:link, a.h3-white:visited { font-size: 14px; color: #FFFFFF; text-decoration: underline; font-weight: bold; }

a.menu-white:link, a.menu-white:hover, a.menu-white:active, a.menu-white:visited { font-size: 12px; color: #FFFFFF; text-decoration: underline; }

a.menu-black:link, a.menu-black:hover, a.menu-black:active, a.menu-black:visited {  font-size: 12px; color: #191919; text-decoration: underline; }

a.menu-big:link, a.menu-big:visited { font-size: 16px; color: #FFFFFF; text-decoration: none; }

a.menu-big:hover, a.menu-big:active { font-size: 16px; color: #FFFFFF; text-decoration: underline; }

a.h3:link, a.h3:visited { font-size: 14px; color: #CCCC99; text-decoration: underline; font-weight: bold; }

.title { color:#222; }
.title h1 { font-weight:normal; font-size:18px; color:#222; }
.title h2 { font-weight:normal; font-size:16px; color:#222; }
.title h3 { font-weight:normal; font-size:14px; color:#222; }

.title3 { font-size: 16px; font-weight: bold; }

.title2 { font-size: 16px; font-weight: bold; color: #FFFFFF; }

.content { font-size: 12px; }

.small { font-size: 10px; }

.label { font-size: 12px; font-weight: bold; color: #000; }

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

.detail { font-size: 12px; color: #111; }

.title_login { font-size: 12px; font-weight: bold; color: #FFFFFF; }

.confirmation { font-size: 14px; font-weight: bold; color: #000000; border: 3px solid #3366CC; padding: 5px; text-align: center; }

.white-regular { font-size: 12px; color: #FFFFFF; }

a.highlight-link:link, a.highlight-link:hover, a.highlight-link:active, a.highlight-link:visited {
	color: #000000;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	height: 25px;
	background: url(//www.clipmass.com/images/button2.jpg) repeat-x;
	border: 1px solid #666666;
}


#button a {
	text-decoration: underline;
	font-size: 14px;
	color: #191919;
	width:100px;
	height:25px;
	padding-top:5px;
	text-align:center;
	background-image: url(/images/menu-bg.gif);
	background-repeat: repeat-x;
}

a.banner-title:link, a.banner-title:active, a.banner-title:visited, a.banner-title:hover { color: #88D9F3; font-size: 12px; font-weight: bold; text-decoration: underline; }

a.banner-desc:link, a.banner-desc:active, a.banner-desc:visited, a.banner-desc:hover { color: #FFFFFF; font-size: 11px; text-decoration: none; }

a.banner-url:link, a.banner-url:active, a.banner-url:visited, a.banner-url:hover { color: #88D9F3; font-size: 11px; text-decoration: none; }

.banner-cm { padding: 2px 4px 2px 4px; }

a.tab-inside:link, a.tab-inside:hover, a.tab-inside:active, a.tab-inside:visited { color: #C3D9FF; }

a.selected-tab-inside:link, a.selected-tab-inside:hover, a.selected-tab-inside:active, a.selected-tab-inside:visited { color: #FFFFFF; }

a.menu-light:link,  a.menu-light:active, a.menu-light:visited { font-size: 12px; color: #CCCCCC; text-decoration: none; }
a.menu-light:hover { font-size: 12px; color: #FFFFFF; text-decoration: none; }

a.blue-link:link { font-size: 12px; color: #7AD7E7; text-decoration: none; }
a.blue-link:hover { font-size: 12px; color: #FF9900; text-decoration: underline; }
a.blue-link:visited, a.blue-link:active { font-size: 12px; color: #0099CC; text-decoration: none; }

a.big-link:link { font-size: 14px; font-weight: bold; color: #666; text-decoration: none; }
a.big-link:hover { font-size: 14px; font-weight: bold; color: #000; text-decoration: underline; }
a.big-link:visited, a.big-link:active {  font-size: 14px; color: #222; font-weight: bold; text-decoration: none; }

a.big-link2:link { font-size: 16px; font-weight: bold; color: #FFFFFF; text-decoration: none;}
a.big-link2:hover { font-size: 16px; font-weight: bold;  color:   #FF3399; text-decoration: underline; }
a.big-link2:visited, a.big-link2:active  {  font-size: 16px; font-weight: bold; color: #CC9999; text-decoration: none; }

a.small-link:link, a.menu-small:visited { font-size: 10px; color: #EEEEEE; text-decoration: none; }

a.small-link:hover, a.menu-small:visited { font-size: 10px; color: #ECF0A9; text-decoration: underline; }

a.small-link:visited, a.menu-small:visited { font-size: 10px; color: #CCCCCC; text-decoration: underline; }

a.site-link:link { font-size: 11px; color: #FFFFFF; text-decoration: underline; }
a.site-link:hover, a.site-link:active { font-size: 11px; color: #18E5F9; text-decoration: underline; }
a.site-link:visited { font-size: 11px; color: #FFFFFF; text-decoration: none; }

.big-text { font-size: 18px; font-weight: bold; color: #FF6633; }
.big-topic { background: url(//www.clipmass.com/images/bgbar_topic.jpg) repeat-x;  height: 35px; font-size: 20px; color: #FFFFFF; padding: 12px 4px 4px 8px; }

a.greybutton { text-shadow: #353535 0 -1px 0; -moz-border-radius: 3px 3px 3px 3px; -webkit-box-shadow: #CCCCCC 0 0 5px; -moz-box-shadow: #333333 0 0 5px; -o-box-shadow: #666666 0 0 5px; box-shadow: #666666 0 0 5px; background-color: #222222; border: 1px solid #444444; color: #FFFFFF; font-size: 14px; line-height: 24px; padding: 3px 5px; text-decoration: none; }

a.greybutton:hover, a.greybutton:focus { background-color: #333333; font-size: 14px; }

a.greybutton:active { font-size: 14px; -moz-border-radius : 2px 2px 2px 2px; background-color: #303030; border: 1px solid #BDBDBD; color: #838383; line-height: 24px; padding: 3px 5px; text-transform : none; } 

a.greybutton2 { background-color: #222222; border: 1px solid #444444; color: #FFFFFF; font-size: 10px; line-height: 16px; padding: 3px 5px; -moz-border-radius: 3px 3px 3px 3px; text-decoration: none; }

a.greybutton2:hover, a.greybutton2:focus { background-color: #333333; font-size: 10px; -moz-border-radius: 3px 3px 3px 3px;}

a.greybutton2:active { font-size: 10px; background-color:#303030; border: 1px solid #BDBDBD; color: #838383; line-height: 16px; padding: 3px 5px; text-transform : none; -moz-border-radius: 3px 3px 3px 3px; } 

.clear_all { clear: both; }

.search-button { font-size: 0.8em; border: 1px solid #eee; padding: 4px 8px 4px 8px; }
.search-input { font-size: 1.2em; border: 1px solid #eee; background-color: #eee; padding: 4px 8px 4px 8px; }
.search-input-w150 { width: 100px; font-size: 0.8em; padding: 4px 8px 4px 8px; }

.lay-w1200 { max-width:1200px; min-width:768px; margin:0px auto; padding:0px 5px; background:transparent; }

.lay-w730 { width: 70%; float: left;}
.lay-w250 { width: 30%; float: left; }
.lay-w320 { width: 35%; float: left;}
.lay-w660 { width: 65%; float: left;}
/*
.lay-w990 { width: 990px; margin: 0px auto; background: transparent; }
.lay-w650-left { float: left; width: 650px; background: transparent; }
.lay-w330-right { float: left; width: 330px; background: transparent; }

.lay-w325 { float: left; width: 325px; background: transparent; }
.lay-w320 { float: left; width: 320px; background: transparent; }

.lay-w292 { float: left; width: 292px; background: transparent; }
.lay-w688 { float: left; width: 688px; background: transparent; }

.lay-w150 { float: left; width: 150px; background: transparent; }
.lay-w230 { float: left; width: 230px; background: transparent; }
.lay-w240 { float: left; width: 240px; background: transparent; }
.lay-w250 { float: left; width: 250px; background: transparent; }
.lay-w260 { float: left; width: 260px; background: transparent; }
.lay-w270 { float: left; width: 270px; background: transparent; }
.lay-w280 { float: left; width: 280px; background: transparent; }
.lay-w290 { float: left; width: 290px; background: transparent; }
.lay-w300 { float: left; width: 300px; background: transparent; }
.lay-w310 { float: left; width: 310px; background: transparent; }
.lay-w320 { float: left; width: 320px; background: transparent; }
.lay-w330 { float: left; width: 330px; background: transparent; }
.lay-w350 { float: left; width: 350px; background: transparent; }
.lay-w360 { float: left; width: 360px; background: transparent; }
.lay-w370 { float: left; width: 370px; background: transparent; }
.lay-w380 { float: left; width: 380px; background: transparent; }
.lay-w400 { float: left; width: 400px; background: transparent; }
.lay-w470 { float: left; width: 470px; background: transparent; }
.lay-w590 { float: left; width: 590px; background: transparent; }
.lay-w600 { float: left; width: 600px; background: transparent; }
.lay-w650 { float: left; width: 650px; background: transparent; }
.lay-w660 { float: left; width: 660px; background: transparent; }
.lay-w670 { float: left; width: 670px; background: transparent; }
.lay-w680 { float: left; width: 680px; background: transparent; }
.lay-w690 { float: left; width: 690px; background: transparent; }
.lay-w730 { float: left; width: 730px; background: transparent; }
.lay-w840 { float: left; width: 840px; background: transparent; }
*/

.banner-300x250 { width: 300px; height: 250px; background-color: #000000; }

.user-control { width: 160px; margin: 5px 0px; padding: 5px 0px 5px 0px; border-top: 1px solid #7d7d7d;}
.user-control ul { margin: 0px; list-style: none; }
.user-control ul li { float: left; width: 70px; border-bottom: 1px solid #999; margin: 0px 5px 3px 0px; padding: 2px 2px 3px 3px; }
.user-control ul li a { font-size: 12px; text-decoration: none; }
.user-control ul li a:link { color: #ccc; }
.user-control ul li a:visited { color: #ccc; }
.user-control ul li a:hover { color: #ff9966; }

.main-menu { height:44px; line-height:44px; background: url(//www.clipmass.com/images/2016/top_navigation_gradient.jpg) repeat-x; border-bottom: 1px solid #191919; border-top: 1px solid #191919; -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.05) inset; -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.05) inset; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.05) inset; display: block; }
.main-menu div { max-width:1200px; min-width:768px; margin:0px auto; display:block; }
.main-menu div ul { list-style:none; }
.main-menu div ul li { display:inline; width:auto; margin:0px; padding:0px 4px; }
.main-menu div ul li a { font-family:Quark; font-size:18px; text-decoration:none; color:#fff; padding:10px; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.7); border:1px solid transparent; border-left:0px; border-right:0px; }
.main-menu div ul li a:link { color:#fff; }
.main-menu div ul li a:visited { color:#fff; }
.main-menu div ul li a:hover { text-decoration:none; background:url(//www.clipmass.com/images/2016/top_navigation_gradient.jpg) repeat-x; border-top:1px solid #131313; border-bottom:1px solid #131313; border-left:0px; border-right:0px; }

.main-menu-fix { width:100%; height:44px; line-height:44px; background: url(//www.clipmass.com/images/2016/top_navigation_gradient.jpg) repeat-x;  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.05) inset; -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.05) inset; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.05) inset; display: block; position:fixed; top:0px; display:none; z-index:999999999999; }
.main-menu-fix div { max-width:1200px; min-width:768px; margin:0px auto; display:block; }
.main-menu-fix div ul { list-style:none; }
.main-menu-fix div ul li { display:inline; width:auto; margin:0px; padding:0px 4px; }
.main-menu-fix div ul li.logo { padding:0px; }
.main-menu-fix div ul li a { font-family:Quark; font-size:18px; text-decoration:none; color:#fff; padding:10px; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.7); }
.main-menu-fix div ul li a:link { color:#fff; }
.main-menu-fix div ul li a:visited { color:#fff; }
.main-menu-fix div ul li a:hover { text-decoration:none; background:url(//www.clipmass.com/images/2016/top_navigation_gradient.jpg) repeat-x; }

.mini-menu { height: 24px; line-height: 24px; }
.mini-menu div { display: block; }
.mini-menu div ul { margin: 0px; list-style: none; }
.mini-menu div ul li { float: left; }
.mini-menu div ul li a { font-size: 12px; padding: 5px 10px 5px 10px; text-decoration: none; color: #fff; }
.mini-menu div ul li a.active { background-color: #000; }
.mini-menu div ul li a:link { color: #fff; }
.mini-menu div ul li a:visited { color: #fff; }
.mini-menu div ul li a:hover { text-decoration: none; color: #ff9966; }
.mini-menu div ul li span { font-size: 12px; padding: 5px 15px 5px 15px; color: #ff9966; }

.sub-menu { height: 30px; line-height: 30px; margin-bottom: 2px; border-bottom: 1px solid #ccc; }
.sub-menu div { display: block; }
.sub-menu div ul { margin: 0px; list-style: none; }
.sub-menu div ul li { float: left; white-space: nowrap; }
.sub-menu div ul li a { font-size: 14px; padding: 6px 15px 6px 15px; text-decoration: none; color: #333; background-color: #aeaeae; }
.sub-menu div ul li a.active { background-color: #ccc; }
/*
.sub-menu div ul li a:link { color: #333; }
.sub-menu div ul li a:visited { color: #333; }
*/
.sub-menu div ul li a:hover { color: #666; text-decoration: none; }
.sub-menu div ul li span { font-size: 14px; padding: 6px 15px 6px 15px; color: #660000; }

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

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

.footer-menu { background-color: #7d766b; }
.footer-menu ul { margin: 0px; list-style: none; }
.footer-menu ul li { float: left; padding: 10px 30px; margin: 10px 40px 10px 0px; }
.footer-menu ul li h3 { font-size: 18px; padding: 0px 0px 2px 0px; font-weight: normal; color: #fff; border-bottom: 1px solid #999; }
.footer-menu ul li h4 { font-size: 14px; font-weight: normal; padding: 2px 0px 0px 0px; }
.footer-menu ul li h4 a { font-size: 14px; font-weight: normal; text-decoration: none; color: #fff; }
.footer-menu ul li h4 a:hover { text-decoration: underline; color: #ccc; }
.footer-menu ul li:first-child { background-color: #6c665e; margin: 10px 40px 10px 20px; }
.footer-menu ul li:first-child h3 { font-size: 18px; padding: 0px 0px 2px 0px; font-weight: normal; color: #fff; border-bottom: 1px solid #999; }
.footer-menu ul li:first-child h4 { font-size: 14px; font-weight: normal; padding: 2px 0px 0px 0px; }
.footer-menu ul li:first-child h4 a { font-size: 14px; font-weight: normal; text-decoration: none; color: #fff; }
.footer-menu ul li:first-child h4 a:hover { text-decoration: underline; color: #ccc; }
.footer-menu ul li:last-child { float: right; margin: 0px; }
.footer-menu ul li:last-child h3 { font-size: 18px; padding: 0px 0px 2px 0px; font-weight: normal; color: #fff; border-bottom: 1px solid #999; }
.footer-menu ul li:last-child h4 { font-size: 12px; font-weight: normal; padding: 2px 0px 0px 0px; }
.footer-menu ul li:last-child h4 a { font-size: 12px; font-weight: normal; text-decoration: none; color: #333; }
.footer-menu ul li:last-child h4 a:hover { text-decoration: underline; color: #666; }

.footer-social { background-color: #000; }
.footer-social div.left { float: left; margin: 2px 0px 0px 20px; padding: 6px 0px; }
.footer-social div.left a { font-size: 12px; color: #ccc; text-decoration: none; }
.footer-social div.left a:hover { color: #999; }
.footer-social div.right { float: right; margin: 2px 2px 0px 0px; }

.footer-black-square { background-color: #fff; padding: 6px 0px; }
.footer-black-square a { margin-left: 20px; font-size: 14px; text-decoration: none; background-color: #000; color: #fff; padding: 5px; }
.footer-black-square a:hover { font-size: 14px; text-decoration: none; background-color: #000; color: #ccc; }

.footer-big-square { background-color: #7d766b; padding: 6px 0px 15px 0px; }
.footer-big-square a { margin-left: 20px; font-size: 16px; text-decoration: none; background-color: #dbd3c7; color: #655e52; padding: 5px; }
.footer-big-square a:hover { font-size: 16px; text-decoration: none; background-color: #ccc; color: #655e52; }

/*
#channel-tabs {
	background: transparent;
}
#channel-tabs .ui-widget-header {
	background: transparent;
	border: none;
	border-bottom: 1px solid #c0c0c0;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
#channel-tabs .ui-state-default {
	background: transparent;
	border: none;
}
#channel-tabs .ui-state-active {
	background: transparent url(//www.clipmass.com/images/2013/uiTabsArrowGrey.png) no-repeat bottom center;
	border: none;
}
#channel-tabs .ui-state-default a {
	color: #c0c0c0;
}
#channel-tabs .ui-state-active a {
	color: #459E00;
}
*/

#channel-tabs {
	padding: 0px;
	border: none;
	background: transparent;
}
#channel-tabs .ui-widget-header {
	background: transparent;
	border: none;
	border-bottom: 1px solid #888;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	font-family: Quark;
	font-size: 18px;
	font-weight:bold;
}
#channel-tabs .ui-state-default {
	background: #aaa;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-color: #888;
}
#channel-tabs .ui-state-active {
	background: transparent;
	border-color: #888;
}
#channel-tabs .ui-state-default a {
	color: #000;
}
#channel-tabs .ui-state-active a {
	color: #000;
}
#channel-tabs .ui-tabs-nav {
	padding: 0px 0px 0px 5px;
	border-width: 0px 0px 1px 0px;
}
#channel-tabs .ui-tabs-panel {
	background: transparent;
	padding: 5px;
}

#member-tabs {
	padding: 0px;
	border: none;
	background: transparent;
}
#member-tabs .ui-widget-header {
	background: transparent;
	border: none;
	border-bottom: 1px solid #666;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	font-family: Quark;
	font-size: 14px;
	font-weight:bold;
}
#member-tabs .ui-state-default {
	background: #888;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-color: #666;
}
#member-tabs .ui-state-active {
	background: #777;
	border-color: #888;
}
#member-tabs .ui-state-default a {
	color: #fff;
}
#member-tabs .ui-state-active a {
	color: #fff;
}
#member-tabs .ui-tabs-nav {
	padding: 0px 0px 0px 10px;
	border-width: 0px 0px 1px 0px;
}
#member-tabs .ui-tabs-panel {
	background: #777;
	padding: 0px 0px 10px 0px;
	border-radius: 0px;
}

#action-tabs {
	padding: 0px;
	border: none;
	font-size: 1.15em;
	background: #aaa;
}
#action-tabs .ui-widget-header {
	background: #aaa;
	border: none;
	border-bottom: 1px solid #666;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
#action-tabs .ui-state-default {
	background: #777;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-color: #555;
}
#action-tabs .ui-state-active {
	background: #666;
	border-color: #444;
}
#action-tabs .ui-state-default a {
	color: #fff;
}
#action-tabs .ui-state-active a {
	color: #fff;
}
#action-tabs .ui-tabs-nav {
	padding: 0px 0px 0px 5px;
	border-width: 0px 0px 1px 0px;
}
#action-tabs .ui-tabs-panel {
	padding: 5px;
}

.pager-nav { line-height:40px; text-align: center; font-size: 16px; color: #FFFFFF; }
.pager-nav span.pager a { padding: 10px 15px; background: #999999; color: #444444; margin: 0px 2px; text-decoration: none; }
.pager-nav span.pager a:hover { background: #CCCCCC; color: #333333; }
.pager-nav span.current { background-color: #00A4CC; color: #FFFFFF; padding: 10px 15px; margin: 0px 2px; text-decoration: none; }

/* icon, icon title, icon bullet */
.title-bg { background: url(//www.clipmass.com/images/2013/icon_2013.png) no-repeat; }
.icon-sign-bg { background: url(//www.clipmass.com/images/2013/icon_sign.png) no-repeat; }

.icon-write-title { display: block; float: left; width: 30px; height: 24px; background-position: 0px -202px; }
.icon-group-title { display: block; float: left; width: 55px; height: 50px; background-position: 0px -362px; }

.orange-square { background-position: 0px -10px; }
.orange-arrow { background-position: 0px -183px; }
.orange-arrow-more { display: block; float: right; width: 10px; height: 10px; background-position: 0px -92px; margin: 4px 0px 0px 5px; }

.icon-scoop-picture { display: block; float: left; width: 30px; height: 30px; background-position: 0px -309px; }
.icon-scoop-article { display: block; float: left; width: 30px; height: 24px; background-position: 0px -338px; }

.arrow-more { display: block; float: right; width: 10px; height: 10px; background-position: 0px -92px; margin: 6px 0px 0px 5px; }

.white-dashed { width: 1px; height: 7px; background-position: 0px -428px; }
/* icon, icon title, icon bullet */

.section-title { }
.section-title a { font-size: 18px; text-decoration: none; }
.section-title a div.left { float: left; font-size: 18px; background-color:#ccc; color: #777; padding: 7px 6px; }
.section-title a div.right { float: left; font-size: 18px; /* background-color:#777; */background-color:#222; color: #fff; padding: 7px 6px; }
.section-title div.left { float: left; font-size: 18px; background-color:#ccc; color: #777; padding: 7px 6px; }
.section-title div.right { float: left; font-size: 18px; background-color:#777; color: #fff; padding: 7px 6px; }

.footer-line { border-bottom: 1px solid #666;  }

.footer-video-menu { padding: 5px 0px; font-size: 11px; color: #ff3300; }
.footer-video-menu a { text-decoration: none; font-size: 11px; font-weight: normal; color: #eee; padding: 0px 2px; }
.footer-video-menu a:hover { color: #eee; }

.footer-seo-menu { padding: 5px 0px 8px 0px; font-size: 11px; color: #999; }
.footer-seo-menu a { font-size: 11px; font-weight: normal; color: #eee; padding: 0px 2px; }
.footer-seo-menu a:hover { color: #fff; }

.footer-site-menu { padding: 5px 0px; font-size: 11px; color: #999; }
.footer-site-menu a { text-decoration: none; font-size: 11px; font-weight: normal; color: #eee; padding: 0px 2px; }
.footer-site-menu a:hover { color: #eee; }

.title-arrow-down { height:20px; background-position:0px -130px; }
.title-arrow-down h1 { font-weight:normal; font-size:18px; color:#000; margin-left:25px; }
.title-arrow-down h2 { font-weight:normal; font-size:16px; color:#000; margin-left:25px; }
.title-arrow-down h3 { font-weight:normal; font-size:14px; color:#000; margin-left:25px; }

.title-thumb-up { height:20px; background-position:0px -234px; }
.title-thumb-up h1 { font-weight:normal; font-size:18px; color:#222; margin-left:25px; }
.title-thumb-up h2 { font-weight:normal; font-size:16px; color:#222; margin-left:25px; }
.title-thumb-up h3 { font-weight:normal; font-size:14px; color:#222; margin-left:25px; }

.title-discuss { height: 28px; background-position: 0px -284px; }
.title-discuss h1 { font-weight: normal; font-size: 18px; color: #222; margin-left: 25px; }
.title-discuss h2 { font-weight: normal; font-size: 16px; color: #222; margin-left: 25px; }
.title-discuss h3 { font-weight: normal; font-size: 14px; color: #222; margin-left: 25px; }

.info-big { font-size:14px; color:#111; }
.info-big a { font-size:14px; color:#111; text-decoration:none; }
.info-big a:hover { color:#222; text-decoration:underline; }

.info-small { font-size: 12px; color: #ccc; }
.info-small a { font-size: 12px; color: #0099cc; text-decoration: none; }
.info-small a:hover { color: #ff9900; text-decoration: underline; }

.kb-listing { background-color:#ccc; }
.kb-listing ul { list-style: none; }
.kb-listing ul li { border-bottom: 1px solid #999; 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; }
.kb-listing ul li h3 { margin: 0px 0px 0px 10px; font-size: 14px; font-weight: normal; }
.kb-listing ul li h3 a { text-decoration: none; color: #000; }
.kb-listing ul li h3 a:hover { color: #333; }
.kb-listing ul li:last-child { border:0px; }

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

.content-listing-pix-250 { background-color:#ccc; }
.content-listing-pix-250 ul { list-style:none; }
.content-listing-pix-250 ul li { padding:5px; }
.content-listing-pix-250 ul li:hover { opacity:0.60; *filter:alpha(opacity=60); }
.content-listing-pix-250 ul li a { text-decoration:none; }
.content-listing-pix-250 ul li a p { float:left; width:20%; }
.content-listing-pix-250 ul li a p img { width:100%; height:50px; }
.content-listing-pix-250 ul li a div { float:left; width:80%; }
.content-listing-pix-250 ul li a div h3 { margin:0px 0px 0px 10px; font-size: 14px; font-weight: normal; color:#000; }
.content-listing-pix-250 ul li a:hover div h3 { color:#333; }
.content-listing-pix-250 ul li a div h3 span { font-size:10px; color: #111; }

.content-listing-pix-300 { }
.content-listing-pix-300 ul { list-style: none; }
.content-listing-pix-300 ul li { padding: 5px; }
.content-listing-pix-300 ul li:hover { opacity: 0.60; *filter: alpha(opacity=60); }
.content-listing-pix-300 ul li a { text-decoration: none; }
.content-listing-pix-300 ul li a p { float: left; width:20%; }
.content-listing-pix-300 ul li a p img { width:100%; height:50px; }
.content-listing-pix-300 ul li a div { float: left; width:80%; }
.content-listing-pix-300 ul li a div h3 { margin: 0px 0px 0px 8px; font-size: 14px; font-weight: normal; color: #000; }
.content-listing-pix-300 ul li a:hover div h3 { color: #222; }
.content-listing-pix-300 ul li a div h3 span { font-size: 11px; color: #222; }

.big-thumb-listing-pix-300 { background-color: #333; }
.big-thumb-listing-pix-300 ul { list-style: none; }
.big-thumb-listing-pix-300 ul li { padding: 5px; }
.big-thumb-listing-pix-300 ul li:hover { opacity: 0.60; *filter: alpha(opacity=60); }
.big-thumb-listing-pix-300 ul li a { text-decoration: none; }
.big-thumb-listing-pix-300 ul li a p { float:left; width: 25%;}
.big-thumb-listing-pix-300 ul li a p img { height: 60px; border: 1px solid #fff;width:100%; }
.big-thumb-listing-pix-300 ul li a p img.img-thumb-listing { height:38px;width:45%; border:0px;}
.big-thumb-listing-pix-300 ul li a div { float:left; width:75%; }
.big-thumb-listing-pix-300 ul li a div h3 {float:left;margin-left: 10px; font-size: 14px; font-weight: normal; color: #fff; }
.big-thumb-listing-pix-300 ul li a:hover h3 { color:#FF9900; }
.big-thumb-listing-pix-300 ul li a h3 span { font-size: 11px; color: #222; }

/*
.hot-tag { font-size: 12px; color: #fff; }
.hot-tag a { font-size: 12px; color: #ccc; text-decoration: none; }
.hot-tag a:hover { color: #fff; text-decoration: underline; }
.hot-tag a.tag0 { font-size: 12px; color: #9da05f; text-decoration: none; }
.hot-tag a.tag0:hover { color: #9da05f; text-decoration: underline; }
.hot-tag a.tag1 { font-size: 14px; color: #f3d6f5; text-decoration: none; }
.hot-tag a.tag1:hover { color: #f3d6f5; text-decoration: underline; }
.hot-tag a.tag2 { font-size: 14px; color: #ff66ff; text-decoration: none; }
.hot-tag a.tag2:hover { color: #ff66ff; text-decoration: underline; }
.hot-tag a.tag3 { font-size: 16px; color: #ffcc00; text-decoration: none; }
.hot-tag a.tag3:hover { color: #ffcc00; text-decoration: underline; }
.hot-tag a.tag4 { font-size: 18px; color: #ff00ff; text-decoration: none; }
.hot-tag a.tag4:hover { color: #ff00ff; text-decoration: underline; }
.hot-tag a.tag5 { font-size: 20px; color: #00ccff; text-decoration: none; }
.hot-tag a.tag5:hover { color: #00ccff; text-decoration: underline; }
*/

.hot-tag { font-size: 14px; color: #333; }
.hot-tag a { line-height:28px; white-space:nowrap; font-size: 14px; color: #333; text-decoration: none; padding:2px 4px; border:1px solid #aaa; }
.hot-tag a:hover { color: #000; }
.hot-tag a.tag0 { font-size: 14px; border:1px solid #9da05f; text-decoration: none; }
.hot-tag a.tag1 { font-size: 14px; border:1px solid #f3d6f5; text-decoration: none; }
.hot-tag a.tag2 { font-size: 14px; border:1px solid #ff66ff; text-decoration: none; }
.hot-tag a.tag3 { font-size: 14px; border:1px solid #ffcc00; text-decoration: none; }
.hot-tag a.tag4 { font-size: 14px; border:1px solid #ff00ff; text-decoration: none; }
.hot-tag a.tag5 { font-size: 14px; border:1px solid #00ccff; text-decoration: none; }


.title-monthly { font-family:Quark; height:24px; background-position:0px -21px; }
.title-monthly h2 { float:left; font-weight:bold; font-size:22px; margin-left:60px; color:#32281e; }
.title-monthly p { float:right; margin:5px 5px 0px 0px; font-size:12px; }
.title-monthly p a { text-decoration:none; color:#f80303; }
.title-monthly span { float:right; width:10px; height:10px; margin:8px 5px 0px 0px; background:url(//www.clipmass.com/images/2013/icon_sign.png) no-repeat; background-position:0px -92px; }

.title-category { font-family:Quark; height: 24px; background-position: 0px -110px; }
.title-category h2 { float: left; font-weight: normal; font-size: 22px; margin: 0px 0px 0px 20px; }
.title-category h2 a { font-size: 22px; text-decoration: none; color: #32281e; }
.title-category h2 a:hover { color: #444; }
.title-category h3 { float: left; font-weight: normal; font-size: 16px;  margin: 2px 0px 0px 20px; }
.title-category h3 a { font-size: 16px; text-decoration: none; color: #32281e; }
.title-category h3 a:hover { color: #444; }
.title-category p { float: right; margin: 5px 5px 0px 0px; }
.title-category p a { font-size: 14px; text-decoration: none; color: #32281e; }
.title-category p a:hover { color: #444; }
.title-category span { float: right; width: 10px; height: 10px; margin: 8px 5px 0px 0px; background: url(//www.clipmass.com/images/2013/icon_sign.png) no-repeat; background-position: 0px -92px; }

.button-black {
	color: #fff;
	font-size: 14px;
    padding: 0px 12px;
    display: inline-block;
	line-height: 24px;
    background-color: #333;
    border: solid 1px #333;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
	text-decoration: none;
	cursor: pointer;
}
.button-black:hover {
    background-color: #666;
	text-decoration: none;
}

button.button-black-full { cursor:pointer; display:block; width:100%; padding:8px 0px; background-color:#000; border:1px solid #000; color:#ffffff; font-size:large; }

.full-pix-listing { }
.full-pix-listing ul { margin:0px; padding:0px; list-style:none; }
.full-pix-listing ul li { overflow:hidden; }
.full-pix-listing ul li div { margin:0px 0px 8px 0px; }
.full-pix-listing ul li div a { font-size:14px; color:#000; text-decoration:none; }
.full-pix-listing ul li div a:hover { color:#222; }
.full-pix-listing ul li div a div { height:140px; overflow:hidden; }
.full-pix-listing ul li div a div div.box-img { height:140px; border:0px; background:#000 no-repeat center; background-size:cover; }
.full-pix-listing ul li div a h3 { font-size:14px; font-weight:normal; margin:0px; padding:0px 0px 3px 0px; color:#000; }
.full-pix-listing ul li div a:hover h3 { color:#222; }
.full-pix-listing ul li div p { font-size:10px; color:#222; padding:0px 3px 3px 3px; }
.full-pix-listing ul li div p a { font-size:10px; text-decoration:none; color:#222; }
.full-pix-listing ul li div p a:hover { color:#444; }

a.button-full { display:block; width:100%; padding:8px 0px; background-color:#000; color:#aaa; font-size:16px; text-align:center; text-decoration:none; }
a.button-full:hover { color:#999; }

.ctl_label { float: left; width: 120px; padding: 3px; text-align: right; color: #fff; }
.ctl_detail { float: left; width: 370px; padding: 3px; text-align: left;  color: #fff; }

.scoop-daily { margin:0px 0px 0px 0px; }
.scoop-daily ul { list-style:none; }
.scoop-daily ul li { border-bottom:1px solid #999; padding:5px 0px 5px 0px; }
.scoop-daily ul li a { text-decoration:none; }
.scoop-daily ul li a h3 { margin:0px 0px 0px 10px; font-size:14px; font-weight:normal; color:#3f3126; }
.scoop-daily ul li a:hover h3 { color:#111; }
.scoop-daily ul li:first-child { }
.scoop-daily ul li:first-child:hover { background-color:#ccc; }
.scoop-daily ul li:first-child a { text-decoration:none; }
.scoop-daily ul li:first-child a div.scoop-thumb { float:left; width:25%; }
.scoop-daily ul li:first-child a div.scoop-thumb p { margin:0px 0px 0px 5px; }
.scoop-daily ul li:first-child a div.scoop-thumb p img { width:100%; height:50px; border:0px; }
.scoop-daily ul li:first-child a div.scoop-detail { float:left; width:75%; }
.scoop-daily ul li:first-child a div.scoop-detail h3 { margin:0px 0px 0px 5px; font-size:14px; font-weight:normal; color:#000; }
.scoop-daily ul li:first-child a:hover div.scoop-detailr h3 { color:#111; }
.scoop-daily ul li:last-child { text-align:right; border:0px; padding:5px 0px 5px 0px; }
.scoop-daily ul li:last-child a { text-decoration:none; }
.scoop-daily ul li:last-child a { font-size:10px; color:#000; }
.scoop-daily ul li:last-child a:hover { color:#111; }

.one-thumb-listing { margin: 0px 0px 0px 0px; }
.one-thumb-listing ul { list-style: none; }
.one-thumb-listing ul li { border-bottom: 1px solid #999; padding: 5px 0px 5px 0px; }
.one-thumb-listing ul li a { text-decoration: none; }
.one-thumb-listing ul li a h3 { margin: 0px 0px 0px 10px; font-size: 12px; font-weight: normal; color: #000; }
.one-thumb-listing ul li a:hover h3 { color: #111; }
.one-thumb-listing ul li:first-child { padding:5px; }
.one-thumb-listing ul li:first-child:hover { background-color: #aaa; }
.one-thumb-listing ul li:first-child a { text-decoration: none; }
.one-thumb-listing ul li:first-child a div.listing-thumb { float: left; width: 25%; }
.one-thumb-listing ul li:first-child a div.listing-thumb p { }
.one-thumb-listing ul li:first-child a div.listing-thumb p img { width:100%; height:60px; }
.one-thumb-listing ul li:first-child a div.listing-detail { float: left; width:75%;  }
.one-thumb-listing ul li:first-child a div.listing-detail h3 { margin:0px 0px 0px 5px; font-size:14px; font-weight:normal; color:#000; }
.one-thumb-listing ul li:first-child a:hover div.listing-detail h3 { color: #111; }
.one-thumb-listing ul li:first-child a div.listing-detail h3 span { font-size: 10px; color: #222; }
.one-thumb-listing ul li:last-child { text-align: right; border: 0px; padding: 5px 0px 5px 0px; }
.one-thumb-listing ul li:last-child a { text-decoration: none; }
.one-thumb-listing ul li:last-child a { font-size: 10px; color: #000; }
.one-thumb-listing ul li:last-child a:hover { color: #111; }

.hot-clip-hl { }
.hot-clip-hl ul { margin:0px; padding:0px; list-style:none; }
.hot-clip-hl ul li { width:100%; float:left; display: inline-block; }
.hot-clip-hl ul li div { margin:0px 8px 8px 0px; }
.hot-clip-hl ul li:nth-of-type(4n) div { margin:0px 0px 8px 0px; }
.hot-clip-hl ul li div a { font-size:16px; color:#000; text-decoration:none; font-weight:bold; }
.hot-clip-hl ul li div a:hover { color:#222; }
.hot-clip-hl ul li div a div { width:100%; height:250px; overflow:hidden; }
.hot-clip-hl ul li div a div div.box-img { height:250px; border:0px; background:#000 no-repeat center; background-size:cover; }
.hot-clip-hl 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;
 }
.hot-clip-hl ul li div a h3 { font-size:16px; text-decoration:none; font-weight:bold; padding:4px;  }
.hot-clip-hl ul li div a p { font-size:14px; font-weight:normal; padding:0px 4px 4px 4px; }

.hot-clip-small { }
.hot-clip-small ul { margin:0px; padding:0px; list-style:none; }
.hot-clip-small ul li { width:50%; float:left; display: inline-block; overflow:hidden; }
.hot-clip-small ul li div { margin:0px 8px 8px 0px; }
.hot-clip-small ul li:nth-of-type(2n) div { margin:0px 0px 8px 0px; }
.hot-clip-small ul li div a { font-size:14px; color:#32281e; text-decoration:none; }
.hot-clip-small ul li div a:hover { color:#222; }
.hot-clip-small ul li div a div { width:100%; height:100px; overflow:hidden; }
.hot-clip-small ul li div a div div.box-img { height:100px; border:0px; background:#000 no-repeat center; background-size:cover; }
.hot-clip-small 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;
 }
.hot-clip-small ul li:nth-of-type(2n+1) { clear:both; }

.hot-hit { float:left; width:100%; }
.hot-hit ul { margin:0px; padding:0px; list-style:none; }
.hot-hit ul li { width:16.66%; float:left; display:inline-block; }
.hot-hit ul li div { margin:0px 6px 8px 0px; }
.hot-hit ul li:nth-of-type(4) div, .hot-hit ul li:nth-of-type(10) div { margin:0px 0px 8px 0px; }
.hot-hit ul li div a { font-size:14px; color:#000; text-decoration:none; }
.hot-hit ul li div a:hover { color:#222; }
.hot-hit ul li div a span.video-icon { display:block; position:absolute; width:25px; height:24px; margin:195px 0px 0px 0px; background:url(//m.clipmass.com/m/images/play_red.png); }
.hot-hit ul li div a div.box-img { height:220px; border:0px; background:#000 no-repeat center; background-size:cover; }
.hot-hit ul li div a h3 { font-size:14px; font-weight:normal; padding:0px 4px; color:#000; }
.hot-hit ul li div a:hover h3 { color:#222; }
.hot-hit ul li div a h3 span { font-size:9px; color:#333; }
.hot-hit ul li:nth-of-type(1) { width:33.32%; float:left; display:inline-block; }
.hot-hit ul li:nth-of-type(2) { width:33.32%; float:left; display:inline-block; }
.hot-hit ul li:nth-of-type(5), .hot-hit ul li:nth-of-type(12) { clear:both; }

.hot-hit-scoop { float:left; width:100%; }
.hot-hit-scoop ul { margin:0px; padding:0px; list-style:none; }
.hot-hit-scoop ul li { width:16.66%; float:left; display:inline-block; }
.hot-hit-scoop ul li div { margin:0px 8px 8px 0px; }
.hot-hit-scoop ul li:nth-of-type(5n) div { margin:0px 0px 8px 0px; }
.hot-hit-scoop ul li div a { font-size:14px; color:#000; text-decoration:none; }
.hot-hit-scoop ul li div a:hover { color:#222; }
.hot-hit-scoop ul li div a div.box-img { height:250px; border:0px; background:#000 no-repeat center; background-size:cover; }
.hot-hit-scoop ul li div a h3 { font-size:14px; font-weight:normal; padding:0px 4px; color:#000; }
.hot-hit-scoop ul li div a:hover h3 { color:#222; }
.hot-hit-scoop ul li div a h3 span { font-size:9px; color:#333; }
.hot-hit-scoop ul li:nth-of-type(5n-4) { width:33.32%; float:left; display:inline-block; }
.hot-hit-scoop ul li:nth-of-type(5n-4) a h3 { font-size:16px; font-weight:bold; padding:0px 4px; }
.hot-hit-scoop ul li:nth-of-type(5n+1) { clear:both; }

.hot-scoop { float:left; width:100%; }
.hot-scoop ul { margin:0px; padding:0px; list-style:none; }
.hot-scoop ul li { width:25%; float:left; display:inline-block; }
.hot-scoop ul li div { margin:0px 6px 8px 0px; }
.hot-scoop ul li:nth-of-type(4n) div { margin:0px 0px 8px 0px; }
.hot-scoop ul li div a { font-size:14px; color:#000; text-decoration:none; }
.hot-scoop ul li div a:hover { color:#222; }
.hot-scoop ul li div a div.box-img { height:180px; border:0px; background:#000 no-repeat center; background-size:cover; }
.hot-scoop ul li div a h3 { font-size:14px; font-weight:normal; padding:0px 4px;  color:#000; }
.hot-scoop ul li div a:hover h3 { color:#222; }
.hot-scoop ul li div a h3 span { font-size:9px; color:#333; }
.hot-scoop ul li:nth-of-type(4n+1) { clear:both; }

.title-hot-clip { font-family:Quark; height:24px; background-position:0px -0px; }
.title-hot-clip h1 { float:left; margin-left:16px; text-decoration:none; font-weight:bold; font-size:24px; color:#32281e; }
.title-hot-clip h2 { float:left; margin-left:16px; text-decoration:none; font-weight:bold; font-size:22px; color:#32281e; }
.title-hot-clip p { float:right; margin:5px 5px 0px 0px; font-size:12px; }
.title-hot-clip p a { text-decoration:none; color:#f80303; }
.title-hot-clip span:not(.switch-button-label){ float:right; width:10px; height:10px; margin:8px 5px 0px 0px; background:url(//www.clipmass.com/images/2013/icon_sign.png) no-repeat; background-position:0px -92px; }

.title-hot-scoop { font-family:Quark; height:24px; background-position:0px -182px; }
.title-hot-scoop h2 { float:left; font-weight:bold; font-size:22px; margin-left:50px; color:#32281e; }
.title-hot-scoop h2 a { text-decoration:none; color:#32281e; }
.title-hot-scoop p { float:right; margin:5px 5px 0px 0px; font-size:12px; }
.title-hot-scoop p a { text-decoration:none; color:#f80303; }
.title-hot-scoop span { float:right; width:10px; height:10px; margin:8px 5px 0px 0px; background:url(//www.clipmass.com/images/2013/icon_sign.png) no-repeat; background-position:0px -92px; }

.title-group { font-family:Quark; height:50px; background-position:0px -362px; }
.title-group h2 { float:left; font-weight:bold; font-size:22px; margin :15px 0px 0px 55px; color:#32281e; }
.title-group h2 a { text-decoration:none; color:#32281e; }
.title-group p { float:right; margin:5px 5px 0px 0px; font-size:12px; }
.title-group p a { text-decoration:none; color:#f80303; }
.title-group span { float:right; width:10px; height:10px; margin:8px 5px 0px 0px; background:url(//www.clipmass.com/images/2013/icon_sign.png) no-repeat; background-position:0px -92px; }

.title-featured-scoop { font-family:Quark; height:24px; background-position:0px -202px; }
.title-featured-scoop h2 { float:left; margin-left:30px; font-weight:bold; font-size:22px; color:#32281e; }
.title-featured-scoop h2 a { font-size:22px; text-decoration:none; color:#32281e; }
.title-featured-scoop p { float:right; margin:5px 5px 0px 0px; font-size:12px; }
.title-featured-scoop p a { text-decoration:none; color:#f80303; }
.title-featured-scoop span { float:right; width:10px; height:10px; margin:8px 5px 0px 0px; background:url(//www.clipmass.com/images/2013/icon_sign.png) no-repeat; background-position:0px -92px; }

.title-monthly { font-family:Quark; height:24px; background-position:0px -21px; }
.title-monthly h2 { float:left; font-weight:bold; font-size:22px; margin-left:60px; color:#32281e; }
.title-monthly h2 a { text-decoration:none; color:#32281e; }
.title-monthly p { float:right; margin:5px 5px 0px 0px; font-size:12px; }
.title-monthly p a { text-decoration:none; color:#f80303; }
.title-monthly span { float:right; width:10px; height:10px; margin:8px 5px 0px 0px; background:url(//www.clipmass.com/images/2013/icon_sign.png) no-repeat; background-position:0px -92px; }

.title-member { font-family:Quark; height:20px; background-position:0px -94px; }
.title-member h2 { float:left; font-weight:bold; font-size:22px; margin-left:26px; color:#32281e; }
.title-member p { float:right; margin:5px 5px 0px 0px; font-size:12px; }
.title-member p a { text-decoration:none; color:#fff; }
.title-member span { float:right; width:10px; height:10px; margin:8px 5px 0px 0px; background:url(//www.clipmass.com/images/2013/icon_sign.png) no-repeat; background-position:0px -92px; }