body{
	color: #666;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
}
a{color: #333;}
a:hover {color: red; }

/* wrap */
.wrap{
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

/* topBar */
.topBar{
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	padding: 0 0 0 10px;
}
	.topBar a{ margin: 0 10px;}
	
/* headBar */
.headBar{
	height: 60px;
	overflow: hidden;
	padding: 10px 0 0 0;
}	
	/* lofo */
	.logo,.logo img{
		width: 200px;
		height: 60px;
		display: block;
	}
	
	/* searchBar */
	.searchBar{
		width: 440px;
	}
		/* search */
		.search{
			width: 430px;
			height: 30px;
			overflow: hidden;
			border: 0 solid #f5f5f5;
		}
			.search .ui-input{
				width: 356px;
				height: 28px;
				line-height: 28px;
				overflow: hidden;
				padding: 0 5px;
				float: left;
				border: 1px solid #ccc;
			}
			.search .ui-button{
				width: 60px;
				height: 30px;
				line-height: 30px;
				overflow: hidden;
				text-align: center;
				color: #fff;
				float: right;
				cursor: pointer;
				font-weight: bold;
				font-size: 14px;
				border: 1px solid #333;
				background: #333;
			}
		
		/* hot-keys */
		.hot-keys{
			height: 24px;
			line-height: 24px;
			overflow: hidden;
		}
			.hot-keys a{ margin: 0 10px 0 0;}
			

/* navigation */
.navigation{ margin: 10px 0 0 0;}

/* nav */
.nav{
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	font-size: 16px;
	background: #333;
}
	.nav li{
		line-height: 40px;
		height:40px;
		float: left;
		font-weight: bold;
	}
		.nav li a{ color: #fff;height:40px;padding:10px 25px;}
		.nav li a:hover,.nav li.current a{ color: #fff;background:#000;height:40px;padding:10px 25px;}

/* subNav */
.subNav{
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	font-size: 12px;
	padding: 0 10px;
	background-color: #DBDBDB;
}
	.subNav li{
		float: left;
		background: url(../image/line.gif) right 8px no-repeat;
	}	
		.subNav li a{ color: #333;height:30px;padding:5px 14px; font-weight:bold;}
		.subNav li a:hover,li.current a{ color: #fff; background:#333; padding:5px 14px; font-weight:bold;}

/* container */
#container{
	width: 960px;
	overflow: hidden;
}

/* ui-box */
.ui-box{
	font-size:14px;
	overflow: hidden;
	margin: 10px 0 0 0;
	border: 1px solid #ccc;
	background: #fff;
}
.ui-box p{padding:8px 15px;}
	.ui-title{
		width:100%;
		height: 30px;
		line-height: 30px;
		overflow: hidden;
		background: none;
	}
	#list-page .con-box .ui-title,
	#detail-list .ui-title,
	#detail-des .ui-title,
	#related .ui-title{
		padding: 0 auto;
	}
	#tab-related .ui-title{ }
		.ui-title h5{
			width:auto;
			padding:0 0 0 20px;
			color: #fff;
			font-size: 14px;
			font-weight: bold;
			background: #83bf73;
		}
		.ui-title h3{
			line-height:30px;
			width:auto;
			color: #333;
			font-size: 14px;
			font-weight: bold;
			background: #E7E7E7;
			padding: 0 0 0 10px;
		}
		#list-page .con-box .ui-title h5{width: auto; padding: 0 10px;}
		.ui-title strong{ color: #f00; margin: 0 3px;}
		
		.ui-title ul{ margin: 0 0 0 -10px;}
		.ui-title li{
			float: left;
			font-size: 14px;
			cursor: pointer;
			height: 30px;
			padding: 0 20px;
		}
		.ui-title li.active{
			background: #fff;
			height: 31px;
			color: #fff;
			font-weight: bold;
			position: relative;
			background: #83bf73;
		}
		
		
		
	.ui-cnt{
		overflow: hidden;
	}	
	#related .ui-cnt{
		clear: both;
	}
	#related .ui-img-list{
		margin: 0 0 0 0;
	}
	#tab-related .ui-img-list{ margin: 0 0 0 -10px;}

/* commend */
#commend .ui-cnt,
#tv .ui-cnt{height: 402px;}
#movie .ui-cnt,
#carton .ui-cnt{height: 309px;}
#other .con-box .ui-cnt{ height: 308px;}
#other .side-bar .ui-cnt{ height: 663px;}
		
/* con-box */
.con-box{width: 678px;}
.con-box .ui-title h5{float: left;}
.con-box .ui-title span{float: right;padding-right:10px;}
/* side-bar */
.side-bar{
	width: 268px;
	margin-left: auto;
}	
	.side-bar .ui-title{
		height: 30px;
		line-height: 30px;
		_overflow: hidden;
		background: #fff;
	}
		.side-bar .ui-title h5{
			width:auto;
			font-size: 12px; 
			background: #e5f0e8;
			color: #006600;
		}

/* ui-img-list */
.ui-img-list{
	width: 650px;
	clear: both;
	margin: 5px 10px 15px 10px;
	overflow: hidden;
}	
.max-box .ui-img-list{
	width: 958px;
}
	.ui-img-list li{
		width: 110px;
		height: 181px;
		float: left;
		text-align: center;
		overflow: hidden;
		padding: 0 10px;
		margin: 15px 0 0 0;
	}
		.ui-img-list img{
			width: 100px;
			height: 140px;
			display: block;
			overflow: hidden;
			margin: 0 0 5px 0;
			padding: 4px;
			border: 1px solid #ccc;
		}
		
		
/* ui-top-list */
.ui-top-list{
	width: 250px;
	clear: both;
	margin: 0 10px;
	overflow: hidden;
}	
	.ui-top-list li{
		width: 245px;
		height: 30px;
		line-height: 30px;
		float: left;
		clear: both;
		padding: 0 5px 0 0;
		overflow: hidden;
		border-bottom: 1px dotted #ddd;
	}		
		.ui-top-list em{
			float: left;
			color: #666;
			display: block;
			height: 30px;
			width: 23px;
			text-align: center;
			font-size: 14px;
			overflow: hidden;
			margin: 0 5px 0 0;
			font-style: italic;
		}
		.ui-top-list span{
			float: right;
			color: #666;
		}
		
/* ui-total */
.ui-total{
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	padding: 0 15px;
}		
	.ui-total strong{color: #f00;}		
	
/* ui-txt-list */
.ui-txt-list{
	width: 660px;
	clear: both;
	margin: 0 10px 10px 10px;
	overflow: hidden;
}	
	.ui-txt-list li{
		width: 165px;
		height: 30px;
		line-height: 30px;
		float: left;
		overflow: hidden;
		text-indent: 18px;
		border-bottom: 1px dotted #ddd;
		background: url(../image/s.gif) 10px 13px no-repeat;
	}		
		.txt-list li a{ color: #333;}	
		
	
/* img-txt */	
.ui-img-txt{
	width: 250px;
	overflow: hidden;
	clear: both;
	margin: 0 9px;
}
	.ui-img-txt li{
		float: left;
		width: 240px;
		overflow: hidden;
		clear: both;
		padding: 10px 5px;
		border-bottom: 1px dotted #ccc;
	}
		.ui-img-txt li img{
			width: 100px;
			height: 135px;
			display: block;
			overflow: hidden;
			padding: 4px;
			float: left;
			border: 1px solid #ccc;
		}
		.ui-img-txt dl{
			width: 110px;
			height: 145px;
			display: block;
			float: right;
			overflow: hidden;
			line-height: 22px;
			color: #444;
		}
			.ui-img-txt dt{ 
				height: 24px;
				overflow: hidden;
				font-size: 14px;
				font-weight: bold;
			}
			.ui-img-txt dl strong{ color: #f00;}
					
/* link */		
#link{margin-left:auto; }
#link .ui-cnt{padding: 10px 0 0 0;}
#link .ui-txt-list{width: 940px;}
#link .ui-txt-list li{width: 184px; border: 0;}					


/* footer */
#footer{
	text-align: center;
	line-height: 24px;
	padding: 20px 0;
	overflow: hidden;
}
	#footer em{ color: #f00;}
	
/* ui-imgtxt-list */	
.ui-imgtxt-list{
	width:660px;
	margin: 10px;
}
	.ui-imgtxt-list li{
		float: left;
		height: 165px;
		width: 320px;
		overflow: hidden;
		padding: 10px 10px 10px 0;
		border-bottom: 1px dotted #ccc;
	}
		.ui-imgtxt-list img{
			width: 100px;
			height: 135px;
			display: block;
			overflow: hidden;
			padding: 4px;
			float: left;
			margin: 0 10px 0 0;
			border: 1px solid #ccc;
		}
		
		.ui-imgtxt-list h5{
		    font-size: 14px;
		    height: 28px;
		    line-height: 26px;
		    overflow: hidden;
		    text-overflow: ellipsis;
		    white-space: nowrap;
		}
			.ui-imgtxt-list h5 a{color: #34af61;}
			.ui-imgtxt-list h5 a:hover{	}
		
		.ui-imgtxt-list h4 {
		    height: 20px;
		    line-height: 20px;
		    overflow: hidden;
		    text-overflow: ellipsis;
		    white-space: nowrap;
		    width: 190px;
		}
		.ui-imgtxt-list p {
		    color: #888;
		    display: block;
		    font-size: 12px;
		    height: 72px;
		    line-height: 18px;
		    overflow: hidden;
			 margin-top: 2px;
		}	
		
/* ui-page */
.ui-page{
	padding: 20px 0;
	overflow: hidden;
	font-size: 12px;
	text-align: center;
}
.ui-page a,
.ui-page span{
	color: #333;
	padding: 4px 6px;
	overflow: hidden;
	border: 1px solid #ccc;
}
.ui-page a:hover{
	text-decoration: none;
	border: 1px solid #34af61;
	color: #34af61;
}
.ui-page span.current{
	font-weight: bold;
	background: #34af61;
	border: 1px solid #34af61;
	color: #fff;
}
.ui-page span.disabled {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #ccc;
    color: #ccc;
}		

/* ui-crumbs */
.ui-crumbs{
	margin: 10px 0 0 0;
	overflow: hidden;
	padding: 8px 10px;
	font-size: 14px;
	background: #fcfcfc;
	color: #333;
}
	.ui-crumbs a{ margin: 0 5px;}
	
/* ui-detail */
.ui-detail{
	padding: 15px 10px 0 10px;
}	
	.ui-detail-cnt{
		width: 590px;
	}

	.ui-detail .pic{ float: left;}
	.ui-detail .pic img{
		width: 150px;
		height: 200px;
		display: block;
		padding: 4px;
		border: 1px solid #ccc;
	}
	
	.ui-detail .txt{
		width:415px;
		font-size: 14px;
		overflow: hidden;
	}
		.ui-detail .txt dt{
			width: 415px;
			overflow: hidden;
			height: 30px;
			line-height: 30px;
			color: #999;
		}
			.ui-detail .txt dt a{
				font-weight: bold;
				font-size: 16px;
				color: red;
			}
		
		.ui-detail .txt dd{
			width: 207px;
			float: left;
			overflow: hidden;
			line-height: 22px;
			padding: 3px 0;
		}
		.ui-detail .txt dd.long{ width: 415px;}
	
	/* ui-detail-ad */
	.ui-detail-ad{
		width: 300px;
		height: 250px;
		overflow: hidden;
		background: #f9f9f9;
	}
	
/* ui-play-list */
.ui-play-list{
	overflow: hidden;
	margin: 5px;
}	
	.ui-play-list li{
		width: 144px;
		height: 30px;
		overflow: hidden;
		padding: 5px;
		float: left;
	}
		.ui-play-list a{
			display: block;
			width: 142px;
			height: 28px;
			line-height: 28px;			
			overflow: hidden;
			text-align: center;
			font-size: 14px;
			color: #333;
			border: 1px solid #ccc;
		}
		.ui-play-list a:hover{
			text-decoration: none;
			border: 1px solid #333;
			color: #fff;
			background: #666;
		}
			.ui-play-list a:visited{
		background: none repeat scroll 0 0 #666;
	    border: 1px solid #333;
	    color: #000;
	    text-decoration: none;} 
/* detail-des */
	
#detail-des .ui-vod{
	padding:10px 25px;
	font-size: 16px;
	line-height: 22px;
}		
	#detail-des .ui-vod p{ text-indent: 28px;}
	.ui-vod{
		overflow-x:hidden;overflow:auto;
	}	
/* ui-play */
.ui-play{
	width: 958px;
	background: #000;
}	
	/* player */
	#player{
		width: 958px;
		overflow: hidden;
		margin: 0 auto;
	}
	#player .play-title{
		color: #fff;
	}
	
/* play-des */
.play-des{
	color: #333;
	height: 196px;
	overflow: hidden;
	margin: 5px 10px;
}
	.play-des dt{
		height: 26px;
		line-height: 26px;
		font-weight: bold;
	}
	.play-des dd{
		overflow: hidden;
		line-height: 22px;
	}
	.play-des dt dd label{ color: #666;}