/* Group */
.group-listing-featured { }
.group-listing-main { }
.group-listing-main article {  background-color: #888; padding: 5px; }
.group-listing-main article:hover { background-color: #777; }
.group-listing-main article div.group-thumb { float: left;/* width:170px; */width: 25%;background:none;text-align: center; /* background-color: #4d4d4d;  padding: 5px;*/ }
.group-listing-main article div.group-thumb a  { border: 0px; }
.group-listing-main article div.group-thumb a img {border: 0px; padding: 1px 1px 1px 1px;height:50px;width:50px; }
.group-listing-main article div.group-detail { float: left;/*  width: 440px; padding: 0px 10px; */ width: 75%;}
.group-listing-main article div.group-detail h3 { font-size: 16px; font-weight: normal; color: #fff; }
.group-listing-main article div.group-detail h3 a { font-size: 16px; font-weight: normal; color: #fff; text-decoration: none; }
.group-listing-main article div.group-detail p { font-size: 14px; color: #222; }
.group-listing-main article div.group-detail div.group-activity { padding: 2px; overflow: hidden; border-bottom: 1px solid #999; }
.group-listing-main article div.group-detail div.group-activity div.group-activity-thumb { float: left; width: 40px; }
.group-listing-main article div.group-detail div.group-activity div.group-activity-detail { float: left; width: 380px; }

.group-listing-featured { margin-bottom :14px;}
.group-listing-featured article {/*  border-bottom: 2px solid #999;  */ background-color: #888;  padding: 5px; }
.group-listing-featured article:hover { background-color: #777; }
.group-listing-featured article div.group-thumb-featured { float: left; /* width:170px; */width: 25%;background:none; text-align: center; /* background-color: #4d4d4d; padding: 5px; */ }
.group-listing-featured article div.group-thumb-featured a { border: 0px; }
.group-listing-featured article div.group-thumb-featured a img { border: 0px; padding: 1px 1px 1px 1px;height:50px;width:50px; }
.group-listing-featured article div.group-thumb-featured a p { font-size: 12px; color: #ccff00; text-align: left; }
.group-listing-featured article div.group-detail-featured { float: left; /* width: 450px;  */width: 75%; /* padding: 0px 10px; */  margin-bottom: 0rem;}
.group-listing-featured article div.group-detail-featured h3 { font-size: 16px; font-weight: normal; color: #fff; }
.group-listing-featured article div.group-detail-featured h3 a { font-size: 16px; font-weight: normal; color: #fff; text-decoration: none; }
.group-listing-featured article div.group-detail-featured p { font-size: 14px; /* color: #358C8C; */ color: #222;}
.group-listing-featured article div.group-detail-featured div.group-activity { padding: 2px; overflow: hidden; border-bottom: 1px solid #999; }
.group-listing-featured article div.group-detail-featured div.group-activity div.group-activity-thumb { float: left; width: 40px; }
.group-listing-featured article div.group-detail-featured div.group-activity div.group-activity-detail { float: left; width: 320px; }

.group-listing-pix-one { background-color: #333; }
.group-listing-pix-one ul { list-style: none; }
.group-listing-pix-one ul li { width: 300px; border-bottom: 1px solid #999; margin: 0px 0px 0px 5px; padding: 5px 0px 5px 0px; }
.group-listing-pix-one ul li a { text-decoration: none; }
.group-listing-pix-one ul li a h3 { margin: 0px 0px 0px 10px; font-size: 12px; font-weight: normal; color: #fff; }
.group-listing-pix-one ul li a:hover h3 { color: #ff9900; }
.group-listing-pix-one ul li:first-child { width: 300px; }
.group-listing-pix-one ul li:first-child:hover { opacity: 0.80; *filter: alpha(opacity=80); }
.group-listing-pix-one ul li:first-child a { text-decoration: none; }
.group-listing-pix-one ul li:first-child a p { float: left; width: 62px; margin: 0px 0px 0px 5px; }
.group-listing-pix-one ul li:first-child a p img { width: 60px; height: 60px; border: 0px; }
.group-listing-pix-one ul li:first-child a h3 { float: left; width: 220px; margin: 0px 0px 0px 5px; font-size: 14px; font-weight: normal; }
.group-listing-pix-one ul li:first-child a h3 span { font-size: 11px; color: #ff9900; }
.group-listing-pix-one ul li:first-child a:hover h3 { color: #ff9900; }
.group-listing-pix-one ul li:last-child { text-align: right; width: 295px;  border: 0px; padding: 5px 0px 5px 0px; font-size: 10px; }
.group-listing-pix-one ul li:last-child a { font-size: 10px; text-decoration: none; color: #ff9900; }
.group-listing-pix-one ul li:last-child a:hover { color: #fff; }

.group-listing-pix-all { background-color: #333; }
.group-listing-pix-all ul { list-style: none; }
.group-listing-pix-all ul li { width: 300px; padding: 5px; }
.group-listing-pix-all ul li:hover { background-color: #666; }
.group-listing-pix-all ul li a { text-decoration: none; }
.group-listing-pix-all ul li a p { float: left; width: 52px; }
.group-listing-pix-all ul li a p img { width: 50px; height: 50px; border: 1px solid #fff; }
.group-listing-pix-all ul li a h3 { float: left; width: 225px; margin: 0px 0px 0px 10px; font-size: 14px; font-weight: normal; color: #7ad7e7; }
.group-listing-pix-all ul li a:hover h3 { color: #fff; }
.group-listing-pix-all ul li a h3 span { font-size: 11px; color: #999; }

.group-video-listing { background-color: #333; }
.group-video-listing ul { list-style: none; }
.group-video-listing ul li { width: 300px; padding: 5px; }
.group-video-listing ul li:hover { background-color: #666; }
.group-video-listing ul li a { text-decoration: none; }
.group-video-listing ul li a p { float: left; width: 112px; }
.group-video-listing ul li a p img { width: 110px; height: 60px; border: 1px solid #999; }
.group-video-listing ul li a h3 { float: left; width: 165px; margin: 0px 0px 0px 10px; font-size: 14px; font-weight: normal; color: #7ad7e7; }
.group-video-listing ul li a:hover h3 { color: #fff; }

.group-comment { width: 630px; background-color: #3F3F3F; padding: 10px; -moz-border-radius: 3px 3px 3px 3px; }
.group-comment div.top-left { float: left; width: 40px; }
.group-comment div.top-right { float: left; width: 590px; }
.group-comment div.top-right div.right-user { float: left; width: 490px; padding: 4px; margin-left: 5px; }
.group-comment div.top-right div.right-notice { float: right; }
.group-comment div.top-right div.right-notice a { font-size: 12px; color: #E22542; text-decoration: none; }
.group-comment div.top-right div.right-notice a:hover { text-decoration: underline; }
.group-comment div.comment-detail { width: 610px; padding: 10px; margin: 0px; border-top: 1px solid #515151; background-color: #454545; }
.group-comment div.comment-detail div.detail-quote { float: left; width: 30px; height: 20px; background: url(//www.clipmass.com/images/2013/icon_2013.png) no-repeat; background-position: 0px -260px; }
.group-comment div.comment-detail div.detail-message { float: left; width: 550px; padding: 4px; overflow: hidden; color: #fff; font-size: 14px; font-weight: bold; }
.group-comment div.notice-box { border: #505050 solid 1px; display: none; background: #000000; padding: 5px; }

.group-category { background-color: #333; }
.group-category ul { margin: 0px; list-style: none; }
.group-category ul li { float: left; width: 130px; border-bottom: 1px solid #333; padding: 5px 0px 5px 0px; margin: 0px 10px 0px 0px; }
.group-category ul li a { text-decoration: none; }
.group-category ul li a h3 { font-size: 12px; font-weight: normal; color: #fff; }
.group-category ul li a:hover h3 { color: #ff9900; }

.group-misc { background-color: #999;}

.group-info { width: 610px; margin: 0px auto; background-color: #D0D0D0 }
.group-info div.for-left { float: left; width: 320px; padding: 5px; }
.group-info div.for-left p { float: left; width: 62px; }
.group-info div.for-left p img { width: 60px; height: 60px; border: 0px; }
.group-info div.for-left h3 { float: left; width: 250px; margin: 0px 0px 0px 10px; font-size: 14px; color: #cc0000; }
.group-info div.for-left h3 a { font-size: 14px; color: #cc0000; text-decoration: none; }
.group-info div.for-right { float: left; text-align: right; width: 260px; margin: 0px 0px 0px 10px; padding: 5px; color: #cc0000; }
.group-info div.for-right a { font-size: 14px; color: #FF6633; text-decoration: none; }

.group-tag { width: 610px; margin: 0px auto; font-size: 14px; }
.group-tag a { font-size: 14px; color: #3278A3; text-decoration: none; }
.group-tag a:hover { text-decoration: underline; }

.group-share { width: 590px; height: 80px; margin: 0px auto; padding: 0px 10px 0px 10px; background-color: #DFDFDF; border-top: 1px solid #666; }
.group-share a { font-size: 14px; color: ##4A4A4A; text-decoration: none; }
.group-share a:hover { text-decoration: underline; }
.group-share div.for-left { float: left; width: 300px; padding: 5px; }
.group-share div.for-right { float: left; width: 260px; margin: 0px 0px 0px 10px; padding: 5px; color: ##4A4A4A; }

.group-recommend{width:30%;float: right;}
.group-recommend .group-recommend-body {margin-left: 10px;}
.group-recommend .group-recommend-thumb-listing {width:100%;background-color: #888;}
/* end Group */