/* 瀑布流布局 by Pony 1204121803 */
* {margin: 0;padding: 0;}
#threadlist {position:relative;width:100%;margin:0;padding:0;}
#waterfall {position:relative;width:100%;padding:0;padding-bottom: 5px;min-height:640px;margin:0;margin-bottom: 10px;}
#waterfall .threadwrap,#waterfall .handlewrap{
	overflow:hidden;
	margin:10px 0 0 0;
	padding:0;
	border:1px solid #eee;
	background-color: #FbFbFb;
	box-shadow: 0 1px 1px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 1px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 1px rgba(34,25,25,0.4);
	position: absolute;
}

#handle .handleinner {
	padding: 10px;	
}
#handle .hmenu {
	overflow:hidden;	
}
#handle .hmenu li,#handle .hmenu span {
	display:block;
	float:left;
}
#handle .hmenu a { 
	text-decoration: none;
	white-space:nowrap;
	word-break:keep-all;
	font-size: 12px;
	line-height:18px;
	vertical-align: middle;
	display:block;
	margin: 0 8px 8px 0;
	padding: 4px 10px;
	border: 1px solid #BFBFBF;
	color:#2BA7E7;
	background-color: #F7F7F7;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: inset 0 1px #FFF,0 1px 1px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px #FFF,0 1px 1px rgba(0,0,0,.1);
	-webkit-box-shadow: inset 0 1px #FFF,0 1px 1px rgba(0,0,0,.1);
}
#handle .hmenu a:hover,#handle .hmenu a.selected {
	background-color:#87BE25;
	color: white;
	border:1px solid #87BE25;
	box-shadow: none;	
}
#waterfall .thread {
	border:0 none;
	overflow: hidden;
	margin:0;
	padding:0;
	font: 12px/1.5 Tahoma, Helvetica, "SimSun", sans-serif;
}
.operate-btns{
	position: absolute;
	overflow: hidden;
	top: 15px;
	right:10px;
	width: auto;
	text-align: left;
	z-index: 999999;
}
.operate-btns a {
	position: relative;
	display: block;
	padding: 4px 8px;
	font:12px/1.25 'Simsun';
	color: white;
	vertical-align: middle;
}
.operate-btns a+a{margin-top: 6px;}
.operate-btns a:hover{text-decoration: none;}
.operate-btns .bkmask{
 	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right:0;
	bottom: 0;
	background-color: #444;
	opacity: 0.45;
	filter: Alpha(Opacity=45);
	z-index: -1;
	border-radius: 3px 0 0 3px;
}
#waterfall .threadtop {	
	padding:10px 10px 0 10px;
	
}
#waterfall .threaddown {
	padding:6px 10px;	
	background-color:#f0f0f0;		
}

#waterfall .content {	
	margin:12px 0;
	line-height:20px;
}
#waterfall  .sub a {
	color:#2BA7E7;
}
.image{
	display: block;
}
.mediaButton{
	position: absolute;
	top: 45%;
	left: 42%;
	display: block;
	width: 49px;
	height: 49px;
	background: url(image/player.png) 0 0 no-repeat;
	overflow: hidden;
	text-indent: -9999px;
	z-index: 100;
}
.musicButton{
	position: absolute;
	top: 45%;
	left: 42%;
	display: block;
	width: 49px;
	height: 49px;
	background: url(image/music.png) 0 0 no-repeat;
	overflow: hidden;
	text-indent: -9999px;
	z-index: 100;
}
.musicPlay{
	position: absolute;
	top: 50%;
	left: 14px;
}

#waterfall .auth {
	float: left;
	overflow: hidden;
	margin: 4px 10px 0 0;*/
}
#waterfall .auth img {
	width: 28px;
	height: 28px;
}
#waterfall .authinfo {
	display:inline;
	color:#777;
	
}
#waterfall .authinfo a {
	/*color:#367091;*/
	color:#87BE25;
}
#waterfall .msg {
	color:#666;
	font: 12px Arial,SimSun;
	line-height: 18px;
}

#waterfall .stats {
	margin-top:4px;
	color: #777;
	float:right;
	margin-bottom:10px;
}
#waterfall .stats span{
	display:inline-block;
	line-height: 20px;
	height:20px;
	vertical-align:middle;
	/*color:#777;*/
	color:#87BE25;
}
#waterfall .stats .btn-love,#waterfall .stats .replies {
	display:inline-block;
	height: 20px;
	line-height: 20px;
	vertical-align:middle;
	background: url(image/fourimg.gif) left top no-repeat;
	padding-left: 20px;
	text-decoration: none;	
	cursor:pointer;
}
#waterfall .stats .btn-love {
	background-position:0 -101px;	
}

#waterfall .stats .replies {
	background-position:0 -65px;
}
#waterfall .dot {
	width: 2px;
	font-size: 0;
	overflow: hidden;
	background: url(image/bg-dot.gif) no-repeat left center;
	margin: 0 5px;
}
.r {
	float:right;
}
.cl {	
	zoom:1;
}
.cl::after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#loading {
	width:100%;
	text-align:center;
	height:60px;
	margin:10px 0;
}

#mulpage {
	margin:20px 0 10px;
}
.displayhidden {
	display:block; /*统一转化为块级元素*/ 
        width:0; 
        height:0; 
        overflow:hidden;
}