/*------------------------ album List waterfall Begin 2014.06.18 ------------------------*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-table;}
*html .clearfix{height:1%;}
.clearfix{display:block;}
*+html .clearfix{min-height:1%;}
.masonry_demo{width:996px;margin:0 auto;margin-left:4px;}
.masonry_item_list{position:relative;padding:0 0 50px;}
.item{
	width:186px;background:#fff;overflow:hidden;margin:15px 0 0 0;
	border:1px solid #DDDDDD;
	border-radius:3px;
	box-shadow:0 0 6px #CCCCCC;
	/*
	border-radius:4px 4px 4px 4px;
	box-shadow:0 1px 3px rgba(34, 25, 25, 0.2);	
	*/
}

.item_t{padding:8px;}
.item_t .u-img{background-color:#FFFFFF;margin:0 auto;position:relative;/*width:186px;*/width:170px;/*min-height:210px;*/}


.item_t .u-img a:hover img{filter:alpha(opacity=80);-khtml-opacity:0.8;opacity:0.8;}
.item_t .u-username{
    filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#33000000, endcolorstr=#33000000);
	position:absolute;bottom:0px;background-color:rgba(0, 0, 0, 0.2);color:#FFF;
	display:block;width:169px;height:25px;line-height:25px;text-align:center;overflow:hidden;
	z-index:999;left:0;
}
.item_t .item-opp {
	width:168px;
	margin:0 auto;
	margin-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #E8E9EB;
	
}
.item_t .item-opp ul li {
	float:left;line-height:20px;
}
.item_t .item-opp ul li a {
	color:#7B5035;
}
.item_t .item-opp ul li a:hover{
	color:#333;
}
.item-bg-1 {
    background:url("../images/cell_icon_hi.gif") no-repeat 0px;
    width:45px;
	
	padding-left:15px;
}
.item-bg-2 {
    background:url("../images/cell_icon_msg.gif") no-repeat 0px;
    width:45px;
	
	padding-left:15px;
}
.item-bg-3 {
    background:url("../images/cell_icon_home.png") no-repeat 0px;
    width:30px;
	padding-left:15px;
}

.item_t .u-content{
	padding:8px 0;line-height:18px;
	color:#888888;
}

.item_b{padding:10px 8px;}

.items_comment {
	float:right;
}
.items_comment em {
	font-style:normal;
	font-weight:bold;
	color:#666;
	
}

#masonry_more{
	display:block;margin:10px auto 20px; margin-bottom:10px;
}
#infscr-loading{
	bottom:-10px;left:45%;position:absolute;text-align:center;
	height:20px;line-height:20px;z-index:100;width:120px;
	margin-bottom:10px;
}

.masonry-nodata {
	text-align:center;line-height:30px;height:30px;font-size:13px;
}
/*------------------------ album List waterfall End 2014.06.18 ------------------------*/

/*------------------------ video List Begin 2014.06.23 ------------------------------------*/
.video-list {
	background:#fff;
	margin:0 auto;
	width:990px;
}

.video-list ul {
	display:inline-block;margin:0;padding:0;
}
.video-list ul li {
	float: left;
    margin: 10px 10px 10px 10px;
    width: 178px;
}
.video-list ul li h2 {border:1px solid #ccc;padding:5px;width:166px;height:166px;position:relative;}
.video-list ul li h2:hover{border:1px solid #f06d51;}
.video-list ul li h2 span.bf{background: url(../images/l39_video.png) left no-repeat;position:absolute;left:75px;top:75px;width:30px;height:30px;}
.video-list ul li h2 img {width:166px;height:166px;}
.video-list ul li h3 {
	margin-top:5px;
	font-size: 13px;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
	text-align:center;
	color:#333;
}
.video-list ul li h3 a {
	color:#333;
}
.video-list ul li h3 a:hover{
	color:#666;
}

.video-user-info {
	margin-top:5px;
	position:relative;width: 170px;
}
.video-user-info .video-user-avatar {
	float:left;
	width:36px;height:45px;
}
.video-user-info .video-user-avatar img {
	width:40px;height:40px;border:0px;border-radius: 40px;
}
.video-user-info .video-user-intro {
	float:left;margin-left:10px;
}
.video-user-info .video-user-intro h5 {
	font-style:none;padding:0;margin:0;font-weight:normal;
	height:20px;line-height:20px;width:120px;overflow:hidden;
	font-size:12px;
}
.video-user-info .video-user-intro h5 i{font-size:11px; color:#ccc; margin-left:5px;}
.video-user-info .video-user-intro h5 span {
	color: #999;
    line-height: 20px;
    overflow: hidden;
    font-size: 12px;
    margin-left: 5px;
}
.video-user-info .video-user-intro h5 a {
	color:#999;
}
.video-user-info .video-user-intro h6 {
	font-style:none;padding:0;margin:0;font-weight:normal;
	height:20px;line-height:20px;
	background:url("../images/video-play.png") no-repeat 0px;
	padding-left:20px;font-size:12px;
}
/*------------------------ video List End 2014.06.23 ------------------------------------*/

/*------------------------ top rank List Begin 2014.06.23 ------------------------------------*/
.rank-user-1 {
	background: none repeat scroll 0 0 #FFF6C5;
    margin: 0 auto;
    padding-bottom: 10px;
    padding-top: 1px;
    position: relative;
}
.rank-user-1 .rank-hang {
	height:35px; 
	line-height:35px;
	font-weight:bold;
	font-size:13px; 
	color:#3a3a3a; 
	background:url("../images/rank-hang.jpg") bottom repeat-x; 
	padding-bottom:5px;
}
.rank-user-1 .rank-hang img {
	margin-left: 10px;
    margin-right: 10px;
    vertical-align: middle;
}
.rank-user-1 .rank-hang span {
	width:150px;float:right;display:inline-block;text-align:right;padding-right:10px;
	font-weight:normal;
}

.rank-user-1 .rank-userbox {
	padding-bottom: 3px;
}
.rank-user-1 .rank-list {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    float: left;
    margin-left:6px;margin-right:2px;
    margin-top: 10px;
    padding: 12px;
    position: relative;
    text-align: center;
    width: 105px;
}
.rank-user-1 .rank-list .rank-topimg{
	position:absolute; left:-2px; top:-2px; 
	width:45px; height:46px; background:url("../images/rank-topimg.png") no-repeat;
}
.rank-user-1 .rank-list ul li {
	float:left;
	width:100px;
	padding:0;margin:0;list-style:none;
	line-height:25px;
}
.rank-user-1 .rank-list ul li.rank-avatar img{
	width:90px;height:110px;
}
.rank-user-1 .rank-list ul li.rank-username{
	font-size:13px;height:25px;overflow:hidden;
}
.rank-user-1 .rank-list ul li.rank-username a {
	font-size:13px;
}
.rank-user-1 .rank-list ul li.rank-info{
	color:#999;height:25px;overflow:hidden;
}
.rank-user-1 .rank-list .rank-hibtn {
	background:url("../images/cell_icon_hi.gif") no-repeat 0px;
	padding-left:12px;line-height:25px;
}
.rank-user-1 .rank-list .rank-hibtn a {
	color:#7B5035;
}
.rank-user-1 .rank-list .rank-hibtn a:hover{
	color:#333;
}

.rank-user-1 .rank-list .rank-writebtn {
	background:url("../images/cell_icon_msg.gif") no-repeat 0px;
	padding-left:12px;line-height:25px;
}
.rank-user-1 .rank-list .rank-writebtn a {
	color:#7B5035;
}
.rank-user-1 .rank-list .rank-writebtn a:hover{
	color:#333;
}



.rank-user-3 {
	background: none repeat scroll 0 0 #FFF6C5;
    margin: 0 auto;
    padding-bottom: 15px;
    padding-top: 1px;
    position: relative;
    width: 928px;
}
.rank-user-3 .rank-hang {
	height:35px; 
	line-height:35px;
	font-weight:bold;
	font-size:13px; 
	color:#3a3a3a; 
	background:url("../images/rank-hang.jpg") bottom repeat-x; 
	padding-bottom:5px;
}
.rank-user-3 .rank-hang img {
	margin-left: 10px;
    margin-right: 10px;
    vertical-align: middle;
}
.rank-user-3 .rank-hang span {
	width:150px;float:right;display:inline-block;text-align:right;padding-right:10px;
	font-weight:normal;
}

.rank-user-3 .rank-userbox {
	padding-bottom: 3px;
}
.rank-user-3 .rank-list {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    float: left;
    margin-left:11px;
    margin-top: 10px;
    padding: 10px;
    position: relative;
    text-align: center;
    width: 150px;
}
.rank-user-3 .rank-list .rank-topimg{
	position:absolute; left:-2px; top:-2px; 
	width:45px; height:46px; background:url("../images/rank-topimg.png") no-repeat;
}
.rank-user-3 .rank-list ul li {
	float:left;width:145px;padding:0;margin:0;list-style:none;
	line-height:25px;
}
.rank-user-3 .rank-list ul li.rank-avatar img{
	width:140px;height:169px;
}
.rank-user-3 .rank-list ul li.rank-username{
	font-size:13px;height:25px;overflow:hidden;
}
.rank-user-3 .rank-list ul li.rank-username a {
	font-size:13px;
}
.rank-user-3 .rank-list ul li.rank-info{
	color:#999;height:25px;overflow:hidden;
}
/*------------------------ top rank List End 2014.06.23 ------------------------------------*/


/*------------------------  Passport success Begin 2014.06.23 -------------------------------*/
.passport-sbox {
	background:#FFFFFF;
    margin: 0 auto;
    padding-bottom: 10px;
    padding-top: 10px;
    /*width: 980px;*/
	width:100%;
}

.passport-success {
	width:900px; 
	margin:10px auto 10px auto; 
	border:1px solid #ddd; 
	border-top:2px solid #ddd;
}

.passport-success h2 {
	margin:10px; font-size:20px; 
	font-weight:normal; color:#ff7e00;
}

.passport-success .success-1 {
	margin:10px; font-size:14px; 
	border-bottom:1px solid #eee; padding-bottom:5px;
}
.passport-success .success-1 span {
	color:#ea5e00;
}

.passport-success .success-2 {
	margin-top:20px;
}
.passport-success .success-2 ul li {
	float:left;
}
.passport-success .success-2 ul li a {
	display:block;
}
.passport-success .success-2 ul li.m_p1 {
	text-align:center; width:110px; 
	line-height:30px; font-size:14px;
}
.passport-success .success-2 ul li.m_p2 { 
	line-height:50px; font-size:35px; color:#666;
}
.passport-success .success-2 ul li.m_p3 {
	text-align:center; width:115px; 
	line-height:30px; font-size:14px;
}
.passport-success .success-2 ul li.m_p4 {
	text-align:center; width:115px; 
	line-height:30px; font-size:14px;
}
.passport-success .success-2 ul li.m_p5 {
	text-align:center; width:115px; 
	line-height:30px; font-size:14px;
}


.passport-success .success-3{
	margin:10px;
}
.passport-success .success-3 h3{
	border-bottom:1px solid #eee; 
	padding-bottom:5px; margin-bottom:20px; 
	font-weight:normal;font-size:14px;
}
.passport-success .success-3 h3 img{
	vertical-align:middle;
}
.passport-success .success-3 h3 a{
	color:#ea5e00; margin-left:20px;
}

.passport-success .success-3 ul {
	margin-top:15px; margin-left:25px; display:inline-block;
}
.passport-success .success-3 ul li {
	float:left; position:relative;
	margin:0px 15px 10px 14px; 
	width:110px; 
}
.passport-success .success-3 ul li p {
	text-align:center;line-height:25px;height:25px;width:110px;overflow:hidden;
}
.success-avatar {
	display:block; width:98px; height:120px;border:1px solid #eee;padding:2px;
}
.lothi-send-ok {
	background: url("../images/s-hi-ok.gif") no-repeat;
	color:green;
    line-height: 25px;
    padding-left: 18px;
}
/*------------------------  Passport success End 2014.06.23 -------------------------------*/

/*------------------------- display,rank Ads Begin ---------------------------*/
.dis-rank-ads {
	background: #F5F5F5;
    border: 1px solid #EBEBEB;
	width: 980px;
    height: 78px;
    margin: 10px auto 0;
    overflow: hidden;
    padding-top: 10px;
}
.dis-rank-ads ul li {
	float: left;
    height: 70px;
    margin-left: 10px;
    overflow: hidden;
    width: 310px;
}
.dis-rank-ads ul li .dis-left {
	float: left;
    height: 68px;
    width: 68px;
}
.dis-rank-ads ul li .dis-right {
	float: left;
    line-height: 22px;
    margin-left: 10px;
    width: 225px;
}

.dis-rank-ads ul li .dis-right h3 {
	font-size: 16px;
    font-weight: normal;
	color:#666;
}
.dis-rank-ads ul li .dis-right p {
	padding:0;margin:0;font-size:12px;
	line-height:20px;color:#999;padding-top:5px;
}
/*------------------------- display,rank Ads End ---------------------------*/