/* bread-crumb-nav */
.bread-crumb-nav{
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	padding: 4px 0;
	margin-top: 5px;
	border: 1px solid #ddd;
	background-color: #fff;
	border-radius: 2px;
}
.fn-clear:after {
	visibility:hidden;	
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
body .fn-clear {
	*zoom:1;
	*clear: both;	
}
/* bread-crumbs */
	.bread-crumbs li{
		float: left;
		font-size: 14px;
		padding: 0 10px 0 18px;
		background: url(/themes/52mb/bread-crumbs.gif) 0 center no-repeat;
	}
	.bread-crumbs li.home{ background: none; padding-left: 13px;}
	.bread-crumbs li a{ margin: 0 5px;}
	.bread-share{
		height: 24px;
		line-height: 18px;
		overflow: hidden;
		padding: 0 3px;
	}
/* ui-box */
.ui-box{
	margin-top: 10px;
	border: 1px solid #ddd;
	background-color: #fff;
}

/* list-focus */
#list-focus{
	width: 998px;
	overflow: hidden;
	border-top: 1px solid #e12160;
}
	#list-focus .qire-box{ 
		width: 741px;
		min-height: 1425px;
		float: left;
		margin: 0;
		border: 0 none;
		border-right: 1px solid #eee;
	}
	#list-focus #find-focus{width: 998px;border: 0 none; height: auto;min-height: inherit;}
	#list-focus .qire-bar{ 
		width: 256px;
		float: right;
		border: 0 none;
		margin-left: -1px;
		border-left: 1px solid #eee;
	}	
	/* ui-bar */
	.ui-bar{
		height: 42px;
		overflow: hidden;
		padding: 0 10px;
		border-bottom: 1px solid #eee;
	}	
		/* view-mode */
		.view-mode{
			margin: 8px 0 0 0;			
			width: 192px;
			height: 26px;
			overflow: hidden;
			float: left;
		}
			.view-mode li{
				width: 96px;
				height: 26px;
				overflow: hidden;
				float: left;
			}
				.view-mode li a{
					width: 100%;	
					height: 26px;
					line-height: 26px;				
					display: block;					
					overflow: hidden;
					font-size: 14px;
					font-family: simsun;
					text-indent: 27px;
					background-image: url(../images/view-mode.gif);
					background-repeat: no-repeat;
					background-color: #eee;
				}
				.view-mode li a:hover{ text-decoration: none; background-color: #ddd;}
				.view-mode li a.current{color: #fff;background-color: #e12160;cursor: default;}
				.view-mode li#view-list a{background-position: 10px 7px;}				
				.view-mode li#view-letter a{background-position: 10px -43px;}				
				.view-mode li#view-list a.current{background-position: 10px -18px;}
				.view-mode li#view-letter a.current{background-position: 10px -68px;}
			
		/* view-filter */	
		.view-filter{ 
			float: left;
			height: 24px;
			line-height: 24px;
			overflow: hidden;
			margin-top: 9px;
			color: #999;
			padding-left: 10px;
		}
			.view-filter em{
				float: left;
				padding: 0 6px;
				font-family: simsun;
			}  
			.view-filter a{
				display: block;
				height: 24px;
				overflow: hidden;
				padding: 0 10px;
				float: left;
				border-radius: 2px;
			}  
			.view-filter a:hover{
				text-decoration: none;
				background-color: #eee;
			}  
			.view-filter a.current{
				color: #fff;
				font-weight: 700;
				background-color: #0d999e;
				cursor: default;
			}  		
					
			.ui-bar .ui-pages{ margin-top: 9px;}		
	


				
/* like-focus */
#like-focus{
	width: 998px;
	overflow: hidden;
	position: relative;
}
#like-focus .ui-title,
#comment .ui-title,
#play-help .ui-title{
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	padding: 0 19px;
	color: #666;
	font-size: 14px;
	border-bottom: 1px solid #eee;
	background-color: #fcfcfc;
}	
	#like-focus .ui-title strong{ color: #e12160;}	
	#like-focus .img-list{ width: 1001px; margin-left: -1px;}		
	#like-focus .img-list li{width: 142px;height: 215px;}		
	#like-focus .txt-list{margin: 0 10px -1px 10px;width: 990px;}
	#like-focus .txt-list li{width: 183px;}			
	

/* comment */
#comment .ui-title h3{font-weight: 700;color: #333;}
#comment .ui-cnt{ width: 960px; padding: 19px; overflow: hidden;}
#comment .ui-form{padding: 0;}
#cmt-input-tip .ui-input,
#review-input-link .ui-input{width: 958px;float: none;*float: left;margin: 0;}
#cmt-input-bd .ui-textarea{height: 72px;padding: 8px;width: 942px;}
#cmt-input-bd .ui-form-info{margin: 5px 0 0 0;}
#cmt-input-bd .ui-form-info p{margin: 0;padding: 0 15px 0 0;}
#comment .ui-form-item{margin: 0;}
#comment .ui-bar{margin-top: 10px;border: 1px solid #eee;}
#comment .ui-bar .view-filter{ padding: 0;}
	


/* comment-list */
.comment-list{margin: 0 30px;}	
.comment-list .kong{padding: 10px 0 2px 0; text-align: center;}	

/* comment-focus */
.comment-focus{
	width: 960px;
	padding: 0 0 5px 0;
	overflow: hidden;
	margin: 15px 0 0 0;
}

/* ui-comment */
.ui-comment{
	width: 960px;
	margin: -15px 0 0 0;
	overflow: hidden;
	background: url(/themes/52mb/bg-cmt-time.gif) -100px 15px repeat-y;
}
	.ui-comment .kong{ 
		margin-top: 15px; 
		text-align: center;
		background-color: #fff; 
		font-size: 14px;
	}

/* comment-item */
.comment-item{
	width: 960px;
	padding: 15px 0 0 0;
	overflow: hidden;
}
	/* comment-time */
	.comment-time{
		width: 52px;
		overflow: hidden;
		float: left;		
	}	
		.comment-time .date-time{
			width: 49px;
			height: 48px;
			overflow: hidden;			
			padding-left: 3px;
			background: url(/themes/52mb/bg-cmt-time.gif) 41px 0 no-repeat;
		}
		.comment-time .date-time strong{
			display: block;
			color: #999;
			line-height: 14px;
			text-align: left;
			width: 49px;
			margin-top: 4px;
			line-height: 20px;
		}
		
	/* comment-post */	
	.comment-post{
		width: 897px;
		overflow: hidden;
		float: right;
	}
		/* comment-post-arrow */
		.comment-post-arrow{
			width: 10px;
			height: 15px;
			overflow: hidden;
			margin-top: 17px;
			float: left;
			position: relative;
			background: url(/themes/52mb/comment-arrow.gif) 0 0 no-repeat;
		}
		
		/* comment-post-cnt */
		.comment-post-cnt{
			width: 866px;
			overflow: hidden;
			float: right;
			padding: 10px;
			margin-left: -1px;
			border: 1px solid #e3e3e3;
			background-color: #f9f9f9;
			border-radius: 4px;	
		}
			/* comment-avatar */
			.comment-avatar{
				width: 50px;
				float: left;
				overflow: hidden;
			}
				.comment-avatar img{
					display: block;
					width: 50px;
					height: 50px;
					overflow: hidden;					
					border-radius: 2px;	
					background-color: #eee;
				}
		
			/* comment-body */
			.comment-body{		
				width: 805px;
				overflow: hidden;
				float: right;
			}		
				/* comment-text */
				.comment-text{
					line-height: 25px;
					font-size: 14px;
  					word-wrap: break-word;
				}
					.comment-text .user,
					.comment-text a{color: #e12160;}
					.comment-text em{ margin-right: 5px;}
					
				
				/* comment-assist */
				.comment-assist{
					height: 14px;
					line-height: 14px;
					overflow: hidden;
					margin-top: 8px;
					padding-right: 4px;
				}
					.comment-assist a{color: #999;}
					.comment-assist a:hover{color: #e12160;}
					.comment-assist span a{margin-right: 10px;}
			
				/* cmt-replay */	
				.comment-replay{
					width: 805px;
					margin-top: 5px;
					overflow: hidden;
				}
					/* comment-replay-arrow */
					.comment-replay-arrow{
						width: 17px;
						height: 10px;
						overflow: hidden;
						position: relative;
						margin: 0 0 0 781px;
						background: url(/themes/52mb/comment-arrow.gif) -10px 0 no-repeat;
					}
					.cmt-forward .cmt-replay-arrow{
						margin: 0 0 0 15px;
					}
					
					/* comment-replay-cnt */
					.comment-replay-cnt{
						width: 783px;
						overflow: hidden;
						padding: 10px;
						margin-top: -1px;
						border: 1px solid #e3e3e3;
						background-color: #fbfbfb;
						border-radius: 2px;	
					}					
						.comment-replay .ui-textarea{
							width: 765px;
							height: 60px;
							line-height: 20px;
							border-color: #ccc;
							background: url(../images/input-focus.gif) 0 0 repeat-x #fff;
						}
						.comment-replay-assist{ 
							width: 783px;
							height: 30px;
							line-height: 30px;
							overflow: hidden;
							padding-top: 4px;
						}	
							.comment-replay-assist p{ float: left;} 
							.comment-replay-assist .ui-button{ 
								float: right; 
								margin: 0;
								height: 28px;
								line-height: 28px;
								font-size: 12px;
								background-color: #666;
							} 
		
	/* comment-box */
	.comment-box{		
		margin: 0 0 0 70px;		
		padding: 6px 10px;
		border: 1px solid #ddd;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;	
	}	
		/* comment-name */
		.comment-name{height: 24px;line-height: 24px;color: #e12160;}		
		.comment-name a{color: #e12160;}
		.comment-review .comment-name a{color: #333;font-size: 14px; font-weight: bold; }
		.comment-review .comment-name a:hover{color: #e12160;}
		
		
		/* comment-cnt */
		.comment-cnt{color: #333;line-height: 20px; font-size: 12px;}
		.comment-cnt a{color: #e12160;}
		.comment-review .comment-cnt{
			font-size: 14px;
			line-height: 24px;
			padding: 5px 0 3px 0;
		}
		
		/* comment-do */
		.comment-do{
			height: 24px;
			line-height: 24px;
			overflow: hidden;
			font-size: 12px;
			margin: 5px 0 0 0;
			*font-family: '宋体';			
		}
			.comment-do em{ color: #ccc;margin: 0 3px;}
			.comment-do .date-time{ color: #999;}
			.comment-do .date-time a{ color: #e12160; margin: 0 5px 0 0;}
			.comment-do strong,
			.comment-do .date-time{font-family: Tahoma, Arial, Helvetica, sans-serif;}
			.comment-do strong{font-size: 11px;-webkit-text-size-adjust: none;}
			
/* comment-reply */
.comment-reply{
	padding-bottom: 15px;
	overflow: hidden;
}
.comment-reply li{
	padding: 10px 0 0 70px;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	
}		
	

/* ui-form */
.ui-form{
	padding: 30px 0 30px 30px;
	overflow: hidden;
	clear: both;
}	
	.ui-form-title{
		overflow: hidden;
		margin: -10px 0 20px 0;		
		height: 35px;
		line-height: 20px;
		border-bottom: 1px solid #ddd;
	}
		.ui-form-title h3{
			font-size: 14px;
			font-weight: bold;
		}
		
	/* ui-form-item */	
	.ui-form-item{
		width: 100%;
		overflow: hidden;
		clear: both;
		line-height: 35px;
		margin:0 0 30px 0;
	}
	
	.ui-form-margin0{margin: 0;}
	.ui-form-info{
		height: 35px;
		line-height: 35px;
		overflow: hidden;
		margin: 10px 0 0 0;
	}
		
	/* ui-label */	
	.ui-label{
		height: 35px;
		line-height: 35px;
		overflow: hidden;
		font-size:14px;
		text-align:right;		
		padding-right: 10px;
		float: left;
	}
	
	/* ui-input */	
	.ui-input,
	.ui-select{		
		height: 33px;
		line-height: 33px;
		overflow: hidden;
		color: #333;
		font-size: 14px;
		text-indent: 10px;
		float: left;
		border: 1px solid #ddd;
		background: url(../images/input.gif) 0 0 repeat-x;
		background-color: #fbfbfb;
	}	
	.ui-input-hover{
		border-color: #ccc;
	}	
	.ui-input-focus{		
		background-image: url(../images/input-focus.gif);
		border-color: #18c2c8;
		background-color: #fff;
	}	
	
	/* ui-textarea */
	.ui-textarea{
		overflow: auto;
		overflow-x: hidden;
		padding: 5px 8px;
		height: 90px;
		text-indent: 0;
		line-height: 18px;
	}
	
	/* ui-form-placeholder */
	.ui-form-placeholder{
		position: relative;
		height: 35px;
	}
		.ui-form-placeholder .ui-label{
			text-align: left;
			padding: 0;	
			top: 0;
			left: 12px;
			z-index: 1;
			position: absolute;
			cursor: text;
		}
		.ui-form-placeholder .ui-input{
			position: absolute;
			top: 0;
			left: 0;
			z-index: 2;
		}

	/* ui-select */		
	.ui-select{
		text-indent: 0;
		padding: 0 8px;
		margin: 0 10px 0 0;
	}		
		.ui-select select{
			font-size: 14px;
			border: 0 none;
			background-color: #fbfbfb;
			_margin-top: 5px;
		}
		
	.ui-form-block{
		float: left;
		overflow: hidden;
		line-height: 35px;
	}
	
	.ui-button{
		width: 100px;
		height: 35px;
		line-height: 35px;
		overflow: hidden;
		border: 0 none;
		cursor: pointer;
		color: #fff;
		font-size: 14px;
		font-weight: 700;
		text-align: center;
		background-color: #18c2c8;
		border-radius: 1px;
	}
	@-moz-document url-prefix(){.ui-button{ padding-bottom: 6px;}}	
	.ui-button-hover,
	.ui-button:hover{
		color: #fff;
		text-decoration: none;
		background-color: #e12160;
	}
	.ui-button:active{
		box-shadow: 0 2px 3px rgba(0,0,0,0.2) inset;
	}
	
	
	
	.ui-form-select{
		background: #fff;
	}
		.ui-form-select select{
			font-size: 14px;
			float: left;
			margin: 6px 0 0 0;
			border: 0;
		}
		
/*jianjie*/
.ui_bg6{ zoom:1; float:left;padding:12px; width:717px; background:#fff url(/themes/52mb/bg_y.gif) repeat scroll 0 0;}
.path{display:inline;}
.cDRed{display:inline;width:470px;margin-top:3px;}
.bdshare{float:right;text-align:right;display:inline;width:240px;}
.bdshare_b{}
.dashLine{ display:block; overflow:hidden; clear:both; height:25px; background:url(/themes/52mb/bg19.gif) repeat-x left center;}
.box_intro .pic{ float:left; width:120px; padding:15px 15px 5px; border:1px solid #efefef; background:#fff url(/themes/52mb/bg20.jpg) repeat-x bottom;}
.box_intro .score{ float:right; color:#ba2636;}
.box_intro .score span{ font-family:Arial; font-size:30px; font-weight:bold;}
.box_intro .assess{ position:relative; padding-top:10px; clear:both; color:#445a67;}
.box_intro .assess .floatBox{ position:absolute; top:0; left:85px; z-index:100; display:none; width:116px; height:51px; padding:0 6px 0 10px; background:url(/themes/52mb/bg25.gif) no-repeat;}
.box_intro .assess .floatBox span{ cursor:pointer;}
.box_intro .assess .floatBox p{ color:#c00; text-align:center; line-height:17px;}
.box_intro .box_info{ margin-left:165px; zoom:1;}
.tLJ{ text-align:left!important;line-height:25px;}
.clear {clear:both; height:0; overflow:hidden; display:block;}
.intro {color:#666666;height:156px;line-height:22px;overflow-y:scroll;text-indent: 2em;}
.option{ font-size:14px; color:#ccc; height:40px; border-top:1px solid #f53254; margin-top:5px}
.option a{color:#f60}
.txtopt{float:right}
.txtopt a{display:block; margin:6px 0; width:80px; height:27px; overflow:hidden; background:url(/themes/52mb/btbg.gif) no-repeat 0 -27px; color:#f53254; text-align:center; float:left; line-height:27px; margin-left:10px}
.txtopt a:hover{background:url(/themes/52mb/btbg.gif) no-repeat 0 0; text-decoration:none; color:#19c2c8}
.f20h{ font-family:simHei; font-size:30px!important; font-weight:normal!important; line-height:32px!important;}
.f20h em{margin-left:10px;font-weight:normal;font-size:13px;font-style:normal;}
.btopt{float:left; height:27px; margin:6px 0}
.btopt a{display:block; width:80px; height:27px; background:url(/themes/52mb/yuedu.gif) no-repeat 0 0; overflow:hidden}
.btopt a:hover{background:url(/themes/52mb/yuedu.gif) no-repeat 0 -27px; text-decoration:none}
.btopt a span{visibility:hidden}
/*最新公众更新章节*/
.book_newchap{padding-top:10px;}
.book_newchap .tit{height:25px;border-bottom:1px solid #f1d3d7;padding-left:10px;}
.book_newchap .tit .fbz{float:right;margin-top:5px;}
.book_newchap .tit .fbz a{color:#f07c14;margin:0px 5px;}
.book_newchap .tit span{float:left;width:121px;height:25px;background:url(/themes/52mb/ico.gif) no-repeat -866px -162px;text-align:center;line-height:28px;overflow:hidden;margin-left:10px;cursor:pointer;}
.book_newchap .tit span.now{background-position:-866px -124px;color:#f23046;font-weight:bold;position:relative;top:1px;}
.book_newchap .con{padding:0px 10px;}
.book_newchap .con p{line-height:22px;}
.book_newchap .con p.ti{border-bottom:1px dashed #c9c9c9;color:#7a7a7a;padding:5px 0px;}
.book_newchap .con p.ti em{padding-right:5px;float:right;}
.book_newchap .con p.ti a{color:#E93854;font-weight:bold;margin-right:5px;}
.book_newchap .con .nr{padding: 8px 0;line-height:21px;border-bottom:1px dashed #c9c9c9;}
.book_newchap .con .nr a:hover {
	text-decoration:none;
}
.book_newchap .con .nr p,.book_newchap .con .nr a{text-indent:24px;color:#464646;}
/* wudu-bar */
.wudu-bar{
	width: 243px;
	float: right;
	border-left: 1px solid #eee;
	background-color: #fcfcfc;
}
	/* ui-title */
	.wudu-bar .ui-title{
		height: 55px;
		position: relative;
		border-bottom: 1px solid #eee;
	}		
		
		.wudu-bar .ui-title h2{
			height: 30px;
			padding: 12px 0 0 15px;
		}
			.wudu-bar .ui-title h2 a{
				height: 30px;
				width: 190px;
				background-image: url(/themes/52mb/flbd.jpg);
			}
			
	/* ui-title1 */
	.wudu-bar .ui-title1{
		height: 55px;
		position: relative;
		border-bottom: 1px solid #eee;
	}		
		
		.wudu-bar .ui-title1 h2{
			height: 30px;
			padding: 12px 0 0 15px;
		}
			.wudu-bar .ui-title1 h2 a{
				height: 30px;
				width: 190px;
				background-image: url(/themes/52mb/flzx.jpg);
			}		
	
	/* ui-ranking */
	.ui-ranking{
		width: 213px;
		padding: 0 15px;
		overflow: hidden	
	}	
	#list-focus .ui-ranking,
	#channel-box .ui-ranking{
		width: 226px;
		padding-bottom: 5px;
		border-bottom: 1px solid #eee;
	}
		.ui-ranking h3{
			font-size: 14px;
			font-weight: 700;
			height: 38px;
			line-height: 38px;
			overflow: hidden;
			color: #333;
		}

		/* ranking-list */
		.ranking-list{
			padding-bottom: 5px;
		} 	
			.ranking-list li{
				height: 32px;
				line-height: 32px;
				overflow: hidden;
				border-bottom: 1px dotted #ddd;
			}
			.ranking-list span{ 
				float: right; 
				color: #999;
				font-size: 11px;
			}
			.ranking-list em{
				color: #666;
				margin-right: 7px;
				font-style: italic;
				font-weight: 700;
			}
			.ranking-list span.score{color: #e12160; font-size: 12px;}
			.ranking-list em.stress{ color: #e12160;}

.articlepage{margin:5px 0;padding:0 20px;border:1px solid #ddd;border-right:1px solid #ddd;height:40px;line-height:40px;background:#f9f9f9;}
.articlepage a{padding:3px 10px;border:1px solid #ccc;margin:5px;color:#333;background:#f9f9f9;}
.articlepage strong{padding:5px 10px;border:1px solid #333;}
.articlepage input{padding:2px 5px;border:1px solid #333;}
.articlepage a:hover{color:#333;background:#f9f9f9;border:1px solid #333}