/**
 * clo公共样式
 */

/*同城圈相关样式*/
.clo-groups .content ul li{
	overflow:hidden;
	width:292px;
	margin-bottom:20px;
}
.clo-groups ul li p{
	margin-bottom:1px;
	overflow:hidden;
}
.clo-groups ul li a.pict{
	display: block;
	margin:4px 20px 0 0;
}
.clo-groups .info{
	width:219px;
	overflow:hidden;
}
.clo-groups .info .stitle{
	white-space:nowrap;
}
.clo-groups .info .stitle .gtle{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 170px;
}
.clo-groups .info .stitle .join{
	background-color:#b2cfdf;
	color:#fff;
	padding: 0 2px;
	text-decoration:none;
}
.clo-groups .info .stitle .join:hover{
	text-decoration:none;
	background-color:#006cb8;
}
.clo-groups .info .mems{
	color:#777;
	width:90px;
	display:block;
	float:left;
}

/*筛选项目*/
.options{
	border-bottom: 1px solid #f2f2f2;
    margin-bottom: 20px;
    padding-bottom: 8px;
}
.options ul{
	overflow:hidden;
	font-size:14px;
}
.options ul li{
	margin-bottom:15px;
}
.options ul li .tle{
	color:#000;
	display:block;
	float:left;
}
.options ul li a{
	color: #006CB8;
    display: block;
    float: left;
    padding: 0 6px;
	white-space:nowrap;
	_margin-right: -3px;
}
.options ul li .active{
	background-color:#006CB8;
	color:#fff;
	border-radius:2px;
	white-space:nowrap;
}
.options ul li .more{
	white-space:nowrap;
}

/*Ajax分页按钮*/
.sn-pages .next em,
.sn-pages .prev em{
	position: absolute;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
}
.sn-pages{margin-top:18px;}
.sn-pages .num{
	width:20px;
}
.sn-pages .prev:hover,
.sn-pages .next:hover,
.sn-pages .num:hover{
	background-color:#006CB8;
	color:#fff;
	transition: all 0.1s linear 0s;
}
.sn-pages .num:hover{
	transform: scale(1.2);
}
.sn-pages .prev,
.sn-pages .num,
.sn-pages .next,
.sn-pages span{
	height:20px;
	border: 1px solid #006C8B;
	display: inline-block;
	line-height: 20px;
	border-radius:4px;
	text-decoration:none;
	transition: all 0.1s linear 0s;
}
.sn-pages .prev{margin-right:4px;}
.sn-pages span,
.sn-pages .num{
	margin:0 2px;
	text-align:center;
}
.sn-pages .next{margin-left:4px;}
.sn-pages span{
	width:20px;
	color:#fff;
	background-color:#006CB8;
}
.sn-pages .prev{
    padding-left: 15px;
    position: relative;
    width: 42px;
}
.sn-pages .prev em{
    border-color: transparent #666666 transparent transparent;
    border-style: solid;
    border-width: 5px 5px 5px 0;
    left: 6px;
    position: absolute;
    top: 5px;
	text-decoration:none;
}
.sn-pages .next{
    padding-left: 7px;
    position: relative;
    width: 51px;
}
.sn-pages .next em{
    border-color: transparent transparent transparent #666666;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    left: 48px;
    position: absolute;
    top: 6px;
}
.sn-pages .next:hover em{
	border-color: transparent transparent transparent #fff;
}
.sn-pages .prev:hover em{
	border-color: transparent #fff transparent transparent;
}
/*分页按钮结束*/

.no-content {
    background: url("../../../static/image/common/no_icon.png") no-repeat scroll center 60px transparent;
    color: #666666;
    font-size: 22px;
    height: 100px;
    padding-top: 180px;
    text-align: center;
}
/*讨论与回复*/
.posts h2 a{
	background-position: 0 -150px;
    height: 30px;
    text-indent: -9999px;
    top: 0;
    width: 93px;
}
.posts h2 a.tmsy{
	background-position: 0 -181px;
}
.posts .post{
	border: 1px solid #eee;
    border-radius: 3px 3px 3px 3px;
    overflow: visible;
    padding: 10px 20px;
    width: 588px;
	margin-bottom:10px;
}
.tface{
	float:left;
}
.tface a img{
	margin-top:6px;
	width:40px;
	height:40px;
}
.tcomment{
	margin-left:55px;
}
.tcomment .ctop{
	border-bottom: 1px dashed #CDCDCD;
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative;
}
.tcomment .ctop span.dln{
	display:block;
	position:absolute;
	right:10px;
	top:0px;
}
.tcomment .cinfo{
	font-size:14px;	
}
.tcomment .treply{
	font-size: 14px;
    margin-top: 20px;
    text-align: right;
}
.treply .fastre{
	background: url("../../../static/image/common/fastreply.gif") no-repeat scroll 4px 50% transparent;
    margin-right: 10px;
    padding-left: 25px;
	font-size:12px;
}
.treply .editp{
	background: url("../../../static/image/common/edit.gif") no-repeat scroll 4px 50% transparent;
	padding-left: 25px;
	margin-right: 10px;
	font-size:12px;
}
.treply .del {
    background: url("../../../static/image/common/check_error.gif") no-repeat scroll 4px 50% transparent;
    font-size: 12px;
    padding-left: 25px;
}

.quote {
    background: url("../../../static/image/common/icon_quote_s.gif") no-repeat scroll 20px 6px #F9F9F9;
    margin: 10px 0;
    padding: 10px 10px 5px 65px;
}
.quote blockquote {
    background: url("../../../static/image/common/icon_quote_e.gif") no-repeat scroll 100% 100% transparent;
    line-height: 1.6;
    margin: 0;
    padding: 0 65px 5px 0;
}
/*TMS视频*/
.funit{
	background-color: #FFFFFF;
    border: 1px solid #F2F2F2;
    box-shadow: 0 0 10px #F2F2F2;
    float: left;
    margin-bottom: 34px;
    overflow: hidden;
    padding: 5px 5px 10px;
    width: 200px;
}
.funit a.pict{
	display:block;
	position:relative;
}
.funit a.pict img{
	height: 150px;
    width: 200px;
	display: block;
}
.funit a.pict .opcy{
	background-color: #222;
    bottom: 0;
    display: block;
    height: 25px;
    left: 0;
    line-height: 25px;
    opacity: 0.7;
	filter:alpha(opacity=70);
    position: absolute;
    width: 200px;
}
.funit a.pict em{
	bottom: 0;
    color: #fff;
    display: block;
    font-size: 14px;
    height: 25px;
    left: 0;
    line-height: 25px;
    padding: 0 10px;
    position: absolute;
    text-align: center;
    width: 180px;
}

.funit a.pict .icon{
	background-position: 0 -288px;
    bottom: 28px;
    color: #006CB8;
    display: block;
    font-size: 14px;
    height: 40px;
    left: 8px;
    line-height: 25px;
    position: absolute;
    text-align: center;
    width: 40px;
}
.funit a.hv .icon{
	background-position: 0 -237px;
}
.funit a.hv em{
	color: #FD7E02;
}
.funit p{
	padding: 15px 5px 0;
	width:184px;
	height:18px;
	overflow:hidden;
	position:relative;
}
.funit p img{
	display:block;
	position:absolute;
	right:0px;
	top:18px;
}
.funit .info{
	padding:5px;
}
.funit .info em{
	padding-left:20px;
}
.funit .info .pipe{
	margin:0 8px;
}
.funit .info .views{
	background-position: 0 -135px;
}
.funit .info .score{
	background-position: 0 -172px;
}
.funit .info .ifo{
	float:left;
}
.funit .info .prmb{
	float: right;
    padding-left: 15px;
}
.funit .info .pglod{
	background-position: 0 -205px;
    float: right;
    padding-left: 15px;
}
.info .prmb strong,
.info .pglod strong{
	color:#FD7E02;
}
/*图片可能用到的尺寸样式  网站现存的*/
.img53{width:53px;height:53px;}
.img65{width:65px;height:65px;}
.img71{width:71px;height:71px;}
.img-bd{padding: 2px;border: 1px solid #CCC;}
.mb15{margin-bottom:15px !important;}
.ml5{margin-left:5px;}
.dn{display:none;}
.txl{text-align:left !important;}
.txr{text-align:right !important;}
.txc{text-align:center !important;}
/*超过宽度自动加点*/
.eps{
	display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}