@charset "utf-8";
/* CSS Document */

/* reset */
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {margin: 0;padding: 0;}
fieldset, img {border: 0;}
:focus {outline: 0;}
address, caption, cite, code, dfn,em, th, var, optgroup {font-style: normal;font-weight: normal;}

h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
abbr, acronym {border: 0;font-variant: normal;}

input, button, textarea,
select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
code, kbd, samp, tt {font-size: 100%;}

input, button, textarea, select {*font-size: 100%;}
body {line-height: 1.5;}
ol, ul {list-style: none;}

table {border-collapse: collapse;border-spacing: 0;}
caption, th {text-align: left;}
sup, sub {font-size: 100%;vertical-align: baseline;}
:link, :visited , ins {text-decoration: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}

.fn-clear:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
.fn-clear {*zoom:1; /* for IE6 IE7 */}

/* reset end */


body .fn-hide {display:none;}
.fn-left,.fn-right {display:inline;}
.fn-left {float:left;}
.fn-right {float:right;}

html,body{
	height: 100%;
	width: 100%;
}

body{
	color: #666;
	font-size:12px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background: #f5f5f5;
}
a{text-decoration: none; color: #333;}
a.color{color: #e12160;}
a:hover { text-decoration: underline; color: #e12160; }

strong{font-weight: bold;}
.hide-self,
.hide-txt a,
.new-tip{
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	-webkit-text-size-adjust:none;
}
.new-tip{
	width: 33px;
	height: 14px;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 3;
	background: url(../images/new-tip.gif) 0 0 no-repeat;
}
/* ui-iframe */
.ui-iframe{
	width: 100%;
	height: 100%; 
	z-index:-3;
	position: absolute;
	background: transparent;
	background-color: transparent;
}

.w960{
	width: 960px;
	margin: 0 auto;
}
span.new{
	width: 22px;
	height: 12px;
	overflow: hidden;
	display: block;
	position: absolute;
	text-indent: -999px;
	background: url(../images/playnew.gif) 0 0 no-repeat;
}

/* topBar */
.topBar{
	height: 29px;
	line-height: 27px;
	*line-height: 29px;
	border-bottom: 1px solid #e5e5e5;
	background: #fcfcfc;
}	
	/* a-link */
	.topBar .a-link{
		height: 29px;
		overflow: hidden;
	}	
		.topBar p{
			float: left;
			height: 29px;
			overflow: hidden;
			color: #999;
			padding-right: 10px;
			border-right: 1px solid #e5e5e5;
		}	
		.topBar p.nobg{
			border: 0;
			padding: 0;
			padding-left: 10px;
			border: 0;
		}
			.topBar p a{color: #666; float: left;}
			.topBar p a.color{color: #e12160;}
			.topBar p a.top{ margin-left: 10px;}
			.topBar p a strong{color: #e12160;}
			.topBar p a:hover{color: #e12160;}
			.topBar p p.nobg a{ margin: 0;}
			
			.topBar a#a-home{
				padding-left: 15px;
				background: url(../images/a-home.gif) 0 8px no-repeat;
			}
			.topBar a#a-clo{
				padding-left: 16px;
				background: url(../images/a-clo.gif) 0 8px no-repeat;
			}
			.topBar a#a-lang{
				padding-left: 12px;
				background: url(../images/a-lang.gif) 0 8px no-repeat;
			}
			
			.topBar p em{
				overflow: hidden;
				height: 16px;
				width: 1px;
				float: left;
				display: block;
				margin: 6px 10px 0 10px;
				background: url(../images/top-line.gif) 0 0 no-repeat;
			}
			.topBar p label{
				float: left;
			}
			
	/* home-sign */	
	.home-sign{
		width: 555px;
	}
		.home-sign li{
			float: left;
			height: 22px;
			overflow: hidden;
			padding-top: 4px;
			line-height: 22px;
			padding-right: 8px;
			color: #999;
		}	
			.home-sign .ui-label{
				color: #666;
				width: auto;
				float: left;
			}
			.home-sign li .ui-form-field{
				width: 80px;
				height: 18px;
				line-height: 16px;
				font-size: 12px;
				padding: 0 3px;
				margin: 0;
			}
				.home-sign .ui-form-field .ui-input{
					height: 16px;
					line-height: 16px;
					padding: 0;
					font-size: 12px;
				}
						
			.home-sign .ui-button{
				width: 38px;
				height: 20px;
				line-height: 20px;
				overflow: hidden;
				border: 0;
				font-size: 12px;
				float: left;
				margin: 0;
				font-weight: normal;
				cursor: pointer;
				background: #e12160;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				border-radius: 3px;	
			}
			.home-sign .ui-button-active{
				background-position: 0 0;
			}				
			.home-sign .ui-check{
				margin: 0;
				color: #333;
				font-size: 12px;
			}
			.home-sign .ui-check input{ 
				float: left; 
				margin: 5px 5px 0 0; 
				*margin: 0px 0 0 -3px;
				cursor: pointer;
			}
			.home-sign a{ margin: 0 5px;}
	
		/* sign-in-fn */
		.sign-in-fn{
			height: 29px;
		}		
			.sign-in-fn ul{ float: left;}
			.sign-in-fn li.user-dropbox,
			.sign-in-fn li.logout{
				height: 30px;
				overflow: inherit;
				float: left;
				color: #333;
				padding: 0;
				margin: 0;
			}
			.sign-in-fn li.logout{line-height: 27px; padding-left: 5px;}
			@-moz-document url-prefix(){.sign-in-fn li.logout{line-height: 25px;}}	
			
				/* user-panel */
				.home-sign .user-panel{
					height: 29px;
					line-height: 27px;
					display: block;
					margin: 0;
					font-size: 12px;
					position: relative;
					float: left;
					padding: 0 8px;
					z-index: 9;
					overflow: hidden;
					border-left: 1px solid #fcfcfc;
					border-right: 1px solid #fcfcfc;
				}	
				@-moz-document url-prefix(){.home-sign .user-panel{line-height: 25px;}}	
				.home-sign .user-panel-active,
				.home-sign .user-panel:hover{
					height: 30px;
					text-decoration: none;
					border-color: #e5e5e5;
					background: #fff;
				}
					.user-panel .avatar{
						display: block;
						width: 24px;
						height: 24px;
						overflow: hidden;		
						float: left;
						margin: 3px 0 0 0;
						
						-moz-border-radius: 3px;
						-webkit-border-radius: 3px;
						border-radius: 3px;	
					}		
					.user-panel span{
						float: left;
						padding: 0 5px;
						cursor: pointer;
					}
					.user-panel .arrow{
						display: block;
						width: 7px;
						height: 4px;
						float: left;
						margin-top: 12px;
					}
					
				/* user-combo */
				.user-combo{
					width: 120px;
					position: absolute;
					top: 29px;
					z-index: 8;
					clear: both;
					padding: 2px;
					border: 1px solid #e5e5e5;
					background: #fff;
					display: none;
				}	
					.home-sign .user-combo li{
						width: 120px;
						height: 32px;
						line-height: 32px;
						float: none;
						padding: 0;
						margin: 0;
					}
						.home-sign .user-combo li a{
							width: 100%;
							display: block;
							height: 30px;
							line-height: 30px;
							padding: 0 8px;
							margin: 0;
							float: none;
							border: 1px solid #fff;
							background: #fff;
						}
						.user-combo li a:hover{
							text-decoration: none;
							border-color: #eee;
							background: #f2f2f2;
						}
					
				/* user-dropbox */	
				.user-dropbox em{
					display: block;
					width: 16px;
					height: 16px;
					overflow: hidden;		
					float: left;
					margin: 6px 0 0 0;
					background: url(../images/user.gif) no-repeat;
				}
				.user-dropbox .user-combo li a em{
					margin: 7px 8px 0 0;
					*margin: 9px 8px 0 0;
				}
				@-moz-document url-prefix(){.user-dropbox .user-combo li a em{margin: 9px 8px 0 0;}}	
				.user-dropbox .user-msg{ background-position: -80px 0;}
				.user-dropbox .user-sx{ background-position: -60px 0;}
				.user-dropbox .user-dy{ background-position: -120px 0;}
				.user-dropbox .user-pl{ background-position: -100px 0;}
				
				.user-dropbox .user-avatar{ background-position: 0 0;}
				.user-dropbox .user-userinfo{ background-position: -20px 0;}
				.user-dropbox .user-password{ background-position: -40px 0;}
				
				.user-dropbox .user-qire{ background-position: -140px 0;}
				.user-dropbox .user-fav{ background-position: -40px -20px;}
				.user-dropbox .user-rss{ background-position: -20px -20px}
				.user-dropbox .user-cmt{ background-position: -0 -20px}
				.user-dropbox .user-log{ background-position: -60px -20px;}
				.user-dropbox .user-gb{ background-position: -80px -20px;}
				.user-dropbox .user-my{ background-position: -100px -20px;}	
				
				.sign-in-fn .logoutbt{ color: #e12160;  }
			
/* headBar */
.headBar{height: 95px; overflow: hidden;}	
.headBar1{height: 70px; overflow: hidden;}		
	/* Logo */
	.logo{ margin-top: 8px; margin-left:30px;}
	.logo1{ margin-top: 12px; margin-left:30px;}
	.logo,.logo img{
		width:200px;
		height: 80px;
		overflow: hidden;
		display: block;
	}	
	.logo1,.logo1 img{
		width:208px;
		height: 45px;
		overflow: hidden;
		display: block;
	}	
	
	/* searchBar */
	.searchBar{
		width: 615px;
		margin-top: 15px;
	}
		/* hisBox */
		.hisBox{
			width: 110px;
			height: 36px;
			overflow: hidden;
		}
			.hisBox .his-tip{
				width: 108px;
				height: 34px;
				line-height: 34px;
				_line-height: 32px;
				display: block;
				overflow: hidden;
				color: #333;
				text-indent: 27px;
				cursor: pointer;
				border: 1px solid #bbb;				
				background: url(../images/clock.gif) 9px 10px no-repeat #eee;
			}
			@-moz-document url-prefix(){.hisBox .his-tip{line-height: 30px;}}	
			.looked-box{
				position: absolute;
				z-index: 9;
				display: none;
				background: transparent;
			}
				.hisBox .looked-box .his-tip{ 
					color: #e12160;
					height: 35px;
					border-bottom: 0;
					border-color: #ccc;
					background-color: #fff;
					position: relative;
					z-index: 10;
				}
				.hisBox .ui-iframe{
					width: 342px;
					_height: 269px;
					z-index:3;
				}
				.looked-list-iframe{
					width: 342px;
					overflow:hidden;
					position: relative;
				}
				.looked-list{
					width: 340px;
					border: 1px solid #ccc;
					background: #fff;
					margin-top: -1px;
					overflow: hidden;
					position: relative;
					z-index: 9;
					-webkit-box-shadow:2px 2px 2px #666;
					-moz-box-shadow:2px 2px 2px #666;
					box-shadow:2px 2px 2px #666;
				}
					.looked-list p{
						width: 340px;
						height: 30px;
						line-height: 30px;
						overflow: hidden;
						text-align: right;
						color: #999;
					}
						.looked-list p a{ margin: 0 8px;}
						
					/* list */	
					.looked-list ul{
						width: 340px;
						max-height: 165px;
						_height:expression(this.scrollHeight > 165 ? "165px" : "auto");
						overflow: auto;
						overflow-x: hidden;
						clear: both;
					}
					.looked-list li{
						height: 32px;
						line-height: 32px;
						*margin: 0 0 -2px 0;
						overflow: hidden;
						display: block;
						border-top: 1px dotted #dfdfdf;
					}	
					.looked-list li.active{
						background: #f9f9f9;
					}		
					.looked-list li.no-his p{
						margin: 0 10px;
						overflow: hidden;
						text-align: center;
					}		
						.looked-list li h5{
							width: 220px;
							height: 32px;
							overflow: hidden;
							float: left;
							padding: 0 10px;
						}
							.looked-list li h5 em{
								margin: 0 3px;
								color: #666;
							}
						.looked-list li label{
							width: 55px;
							height: 32px;
							overflow: hidden;
							float: left;
							display: block;
						}
						.looked-list li span{
							margin-top: 9px;
							padding: 0 10px 0 0;
							width: 13px;
							height: 13px;
							overflow: hidden;
							display: block;
							float: right;
						}
							.looked-list li span a{
								width: 11px;
								height: 11px;
								display: block;
								overflow: hidden;
								line-height: 0;
								font-size: 0;
								border: 1px solid #fff;
								background: url(../images/cross_gray.gif) 2px 2px no-repeat;
							}
							.looked-list li span a:hover{
								border: 1px solid #dedede;
								background-image: url(../images/cross_red.gif);
								background-color: #fff;
							}	
						
					/* .his-todo */	
					.looked-list .his-todo{
						width: 320px;
						height: 32px;
						line-height: 32px;
						overflow: hidden;
						padding: 0 10px;
						clear: both;
						text-align: center;
						border-top: 1px solid #e0e0e0;
						background: #f9f9f9;
					}		
						.looked-list .his-todo a{ color: #e12160; margin: 0 2px;}
						.looked-list .his-todo em{color: #ccc; margin: 0 5px 0 7px;}
						
						
		/* searchBox */
		.searchBox{
			width: 500px; 
			overflow: hidden;
			position: relative;
			z-index: 9;
		}
			/* search */
			.search{
				width: 497px;
				height: 36px;
				overflow: hidden;
				padding: 0 0 0 3px;
				background: url(../images/search-bg.png) 0 0 no-repeat #18c2c8;
			}
				.search .input-txt{
					width: 382px;
					height: 30px;
					line-height: 30px;
					border: 0;
					padding: 0 0 0 30px;
					float: left;
					color: #666;
					margin-top: 3px;
					background: url(../images/sico.gif) 8px 8px no-repeat #fff;
				}
				.search .input-btn{
					width: 80px;
					height: 36px;
					overflow: hidden;
					float: right;
					border: 0;
					cursor: pointer;
					background: transparent;
				}
			
			/* hotKeys */
			.hotKeys{
				width: 615px;
				height: 24px;
				line-height: 24px;
				overflow: hidden;
				padding-top: 5px;
			}	
				.hotKeys strong{ color: #18c2c8;}
				.hotKeys a{ margin-right: 5px;}
		
					
		/* help-gb */
		.help-gb{
			width: 58px;
			height: 36px;
			line-height: 18px;
			overflow: hidden;
			text-align: right;
		}	
			.help-gb a{color: #e12160;text-decoration: underline;}
			.help-gb a:hover{color: #333; text-decoration: none;}
		
		/* help-link */
		.menu .help-link{
			height: 26px;
			overflow: hidden;
			float: right;
			margin-top: 7px;
			background: #e12160;
		}	
			.menu .help-link a{
				width: 70px;
				height: 26px;
				line-height: 24px;
				overflow: hidden;
				color: #fff;
				text-align: center;
				float: left;
				display: block;
				border-right: 1px solid #f95084;
			}
			.menu .help-link a.gb{ border: 0;}
			.menu .help-link a:hover{ 
				color: #fff; 
				text-decoration: none;
				background: #c4164f;
			}
		
/* playBar */
.playBar{height: 60px; overflow: hidden;}		
.iHeader{ padding: 5px 0 0 0; height: 65px;}
.playBar .logo{ margin: 10px 10px 0 0;}
.playBar .logo,
.playBar .logo img{width:auto;height: 40px; display: block;}	
.playBar .logo-partners{margin: 15px 0; border-left: 1px solid #e5e5e5; padding: 3px 10px 5px 10px;}
.playBar .logo-partners,
.playBar .logo-partners img{height: 25px; width: auto; display: block}
		
.playBar .searchBar{margin-top: 11px;}		
				
/* menuBar */
.menuBar{
	height: 40px;
	overflow: hidden;
	background: #f95084;
}			
	/* Menu */	
	.menu{
		height: 40px;
		overflow: hidden;
	}
		/* UL */
		.menu ul{ float: left;}
		.menu ul li{
			height: 40px;
			overflow: hidden;
			float: left;
			margin: 0 -1px 0 0;
			background: url(../images/menu-line.gif) right 0 no-repeat;
		}
			.menu ul li a{
				display: block;
				_display: inline-block;
				overflow: hidden;
				height: 39px;
				line-height: 38px;
				_line-height: 36px;
				color: #fff;
				font-size: 14px;
				font-weight: bold;
				padding: 0 22px;
				position: relative;
				border-top: 1px solid #f95084;
			}
			@-moz-document url-prefix(){.menu ul li a{line-height: 34px;}}	
			.menu ul li a:hover{
				color: #fff;
				border-top: 1px solid #e12160;
				text-decoration: none;
				background: #e12160;
			}
				
			.menu ul li.current a:hover,
			.menu ul li.current a{
				color: #e12160;
				z-index: 1;
				border-top: 1px solid #f95084;
				background: url(../images/up.gif) center bottom no-repeat #f5f5f5;
			}
			
/* navBar */
.navBar{
	height: 30px;
	overflow: hidden;
	border-bottom: 1px solid #dadada;
	background: #f5f5f5;
}				
			
	/* Nav */	
	.nav{
		height: 34px;
		line-height: 30px;
		overflow: hidden;
		color: #ccc;
	}		
		.nav .fn-left{background: url(../images/nav-l.gif) 0 0 no-repeat;}
		.nav .fn-right{background: url(../images/nav-r.gif) right 0 no-repeat;}	
		
		.nav .fn-left a{ margin: 0 12px;}
		.nav a.new{padding: 0 20px 0 0; margin: 0 10px 0 0; color: #f60;}
		.nav a.new img{position: absolute;_margin: -5px 0 0 0;}
		.nav .more{
			margin: 0 10px 0 0;
			padding-right: 8px;
			background: url(../images/a.gif) right 5px no-repeat;
		}
		.nav .share{
			margin: 3px 0 0 0;
			padding: 0 10px 0 0;
			line-height: 16px;
		}
		
		/* index-tags */
		.nav .index-tags{
			width: 960px;
			line-height: 28px;
			*line-height: 29px;
			overflow: hidden;
		}
			.nav .index-tags-tv{ padding-left: 12px;}
			.nav .index-tags-movie{ padding-right: 4px;}
			.nav .index-tags a{ margin: 0 8px;}
			.nav .index-tags label{
				color: #390;
				font-weight: bold;
				display: inline-block;
				padding-left: 18px;
				background-image: url(../images/tv-movie.gif);
				background-repeat: no-repeat;
				background-position:  0 9px;
			}
			.nav .index-tags label.movie{
				color: #d00000;
				background-position: 0 -21px;
			}
		
/* position */
.position{
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	padding: 10px 0;
}		
	.position .fn-left a,
	.position .fn-left span{ margin: 0 5px;}	
	.position .share{margin: -3px 0 0 0;}
	.position .share .bds_more{line-height: 16px;}	
	
	.position .play-sc,
	.position .play-dy{color: #fff;padding: 4px 8px; cursor: pointer;}	
	@-moz-document url-prefix(){.position .play-sc,.position .play-dy{padding: 1px 8px 4px 8px;}}	
	.position .play-sc{border-left: 2px solid #080;background: #390;}
	.position .play-sc:hover{color: #fff;background: #080; text-decoration: none;}
	.position .play-dy{border-left: 2px solid #e12160;background: #f95084;}
	.position .play-dy:hover{color: #fff;background: #e12160; text-decoration: none;}
		
	.position .play-sced,
	.position .play-sced:hover,
	.position .play-dyed,
	.position .play-dyed:hover{
		color: #999;
		cursor: default;
		border-left: 2px solid #ccc;
		background: #ddd;
	}
		
/* maxBox */
.maxBox{
	width: 960px;
	margin: 0 auto;
	padding-bottom: 10px; padding-top:10px;
	overflow: hidden;
}	
.boot{
	width: 960px;
	height: 10px;
	overflow: hidden;
	background: url(../images/shadow.gif) 0 0 no-repeat;
}


/* box */
.box{
	width: 956px;
	overflow: hidden;
	padding: 1px;
	border: 1px solid #dedede;
	background: #fff;
}
.box-blue{ border: 1px solid #18c2c8;}
.box-blue-bold{ border: 2px solid #18c2c8; padding: 0;}

/* bigCaption */
.bigCaption{
	height: 44px;
	line-height: 44px;
	overflow: hidden;
	margin: 0 15px;
	font-size: 14px;
	font-family: ËÎÌå;
	background: url(../images/line.gif) 0 43px repeat-x;
}
	.bigCaption strong{ color: #e12160;}

/* home-sign */
.home-sign-share{
	height: 28px;
	line-height: 14px;
	overflow: hidden;
	padding: 10px 0;
}
.home-poster{
	width: 470px;
	margin-top: 5px;
	overflow: hidden;
}

			
/* latest-tab */
.latest-tab{
	width: 960px;
	height: 33px;
	overflow: hidden;
	margin-bottom: -2px;
}		
	.latest-tab li{
		width: 191px;
		height: 30px;
		line-height: 30px;
		float: left;
		overflow: hidden;
		text-align: center;
		color: #333;
		font-weight: bold;
		font-size: 14px;
		margin-right: -1px;
		cursor: pointer;
		border: 1px solid #dedede;
		border-bottom: 0;
		background: #fcfcfc;
	}
	.latest-tab li.active{
		width: 188px;
		height: 31px;
		position: relative;
		z-index: 1;
		color: #e12160;
		border-width: 2px;
		border-bottom: 0;
		border-color: #18c2c8;
		background: #fff;
	}
	.latest-tab li#latest-tv{
		width:162px;
		height: 29px;
		font-weight: normal;
		font-size: 12px;
		cursor: default;
		position: relative;
		z-index: 0;
	}
		.latest-tab li#latest-tv .new{
			right: 5px;
			top: 5px;
		}
		
/* pic-list */
.pic-list{
	padding-left: 9px;
	margin-top: 20px;
	overflow: hidden;
}		
	.pic-list li{
		width: 134px;
		height: 177px;
		text-align: center;
		overflow: hidden;
		float: left;
		font-size: 14px;
	}
		.pic-list li p{
			width: 110px;
			height: 22px;
			line-height: 22px;
			text-align: center;
			overflow: hidden;
			margin: 0 auto;
			margin-top: 5px;
			font-size: 14px;
		}
		.pic-list li p a{ color: #333;}
		.pic-list li p a:hover{ color: #333;}
		
		/* play-pic */
		.play-pic{
			width:104px;
			height: 136px;	
			display: block;
			overflow: hidden;
			margin: 0 auto;
			position: relative;
			background: #fff;
		}
			.play-pic img{
				width: 96px;
				height: 128px;
				display: block;
				overflow: hidden;
				padding: 3px;
				border: 1px solid #ccc;
				background:url(../images/lazyload.gif) no-repeat scroll center center transparent;
			}
			a.play-pic:hover{ 
				color: #fff;
				text-decoration: none; 
			}
			.play-pic:hover img{
				border-color: #e12160;
				filter:alpha(opacity=80);
				opacity:0.8;
			}	
					
			.play-pic label.bg{
				width: 96px;
				height: 20px;
				display: block;
				overflow: hidden;
				background: #000;
				position: absolute;
				left: 4px;
				bottom: 4px;
				filter:alpha(opacity=50);
				opacity: 0.5;
				z-index: 1;
			}
			.play-pic label.time{
				width: 86px;
				height: 20px;
				line-height: 20px;
				display: block;
				overflow: hidden;
				font-size: 12px;
				position: absolute;
				left: 4px;
				bottom: 4px;
				padding: 0 5px;
				text-align: right;
				z-index: 2;				
				color: #fff;
				white-space:nowrap; 
			}
			

/* txt-list */
.txt-list{
	width: 950px;
	overflow: hidden;
	margin: 11px;
}
	.txt-list li{
		width: 222px;
		height: 32px;
		line-height: 32px;
		overflow: hidden;
		float: left;
		margin-right: 15px;
		font-size: 12px;
		color: #aaa;
		border-bottom: 1px dotted #e0e0e0;
	}			
	.txt-list-small li{width: 174px; }
	.txt-list li a{margin: 0 4px; }	
	.txt-list li span,
	.txt-list li a.gray{color: #666;}
	.txt-list li span{ font-size: 12px;margin: 0 4px;}	

	
/* serial-box */
#serial-box	.caption h2{
	width: auto;
	height: 20px;
	line-height:20px;
	font-weight:bold;
	margin-top: 11px;
	background: none;
	color:#04b2b8;
	font-family: Tahoma;
}	
	#serial-box .txt-list{ margin: 0 11px -1px 11px;}
	#serial-box .txt-list li{width: 305px; margin-right: 10px; border-bottom: 1px solid #eee;}
	#serial-box .txt-list li.even{ background: #f9f9f9;}
	#serial-box .txt-list h5{height: 32px;overflow: hidden;font-size: 14px;padding-left:4px;}
	#serial-box .txt-list h5 em{ font-size: 11px;-webkit-text-size-adjust: none; }
	#serial-box .txt-list h5 img{ position: absolute; margin: 10px 0 0 5px ;*margin: 2px 0 0 5px;}	
		
	#serial-box .serial-box-union{padding-bottom: 5px;}	
	#serial-box .serial-box-union .txt-list{ width: 630px; float: left; margin: 0 0 0 11px; _display: inline;}
	#serial-box .serial-box-union .letter-union{ width: 300px; float: right;  padding: 7px 10px 0 0;}
	
	#serial-box  #serial-box-lz{border-color: #0a0;margin-bottom: 5px;}
	#serial-box  #serial-box-lz .caption h2{ color: #0a0;}
		
/* tipInfo */
.tipInfo{
	width: 305px;
	height: 136px;
	overflow: hidden;
	position: absolute;
	clear: both;
	background: #fff;
	display: none;
	z-index: 9;
}	
	.tipInfo .play-pic{ float: left; margin: 0;}
	.tipInfo dl{	
		width:200px; 
		float: right; 
		height: 134px;
		text-indent: 0;
		line-height: 20px;
		color: #333;
		border: 1px solid #d7d7d7;
		border-left:0;
		background: #fffbd1;
	}
		.tipInfo dl dt,
		.tipInfo dl dd{
			width: 182px;
			padding: 0 9px;
			height: 20px;
			overflow: hidden;
			background: #fcfcfc;
		} 	
		.tipInfo dl dt{font-weight: bold;padding-top: 5px;}
		.tipInfo dl dd.jq{
			height: 40px;
			padding-bottom: 3px;
			margin-bottom: 2px;
			border-bottom: 1px solid #d7d7d7;
		}
		.tipInfo dl dd.bg{ background: #fffbd1;}
		.tipInfo dl label{ color: #666;}
		.tipInfo dl span{ margin: 0 5px 0 0;}
	
			
/* latest-focus */
#latest-focus{margin-top: 10px;}
#latest-focus .pic-list{
	width: 947px;
	margin-top: 15px;
	border-bottom: 1px solid #ececec;
}		
#latest-focus .pic-list li{height: 172px;}
#latest-focus .txt-list{margin: 0 11px 10px 11px;}
#latest-focus .detail-related{ margin-top: 13px; margin-bottom: 0;}
.hot-latest .txt-list li span{color:#e12160;}			
		
/* ui-qire */		
.ui-qire{
	height: 540px;
}
/* conBox */
.ui-qire .conBox{
	width: 690px;
	margin-top: 10px;
	overflow: hidden;
	padding-left: 10px;
}
	.ui-qire .conBox .caption{
		height: 30px;
		padding: 0 10px;
		overflow: hidden;
	}
	.ui-qire .conBox .caption .ui-tab-nav{
		float: right;
		border-bottom: 1px solid #e12160;
	}
	.ui-qire .conBox h2{
		width: 194px;
		height: 43px;
		float: left;
		margin-top: -5px;
		overflow: hidden;
	}
	.ui-qire .conBox h2 a{
		display: block;
		width: 194px;
		height: 43px;
		overflow: hidden;
		background: url(../images/index-tt.png) no-repeat;
	}
		#qire-tv .caption h2 a{ width: 89px;background-position: 0 0; }
		#qire-movie .caption h2 a{ width: 96px;background-position: 0 -43px; }
		#qire-comic .caption h2 a{ width: 142px;background-position: 0 -86px; }
		#qire-variety .caption h2 a{ width: 194px;background-position: 0 -129px; }
		#qire-culture .caption h2 a{ width: 151px;background-position: 0 -172px; }
		#qire-mv .caption h2 a{ width: 145px;background-position: 0 -215px; }
		
	.ui-qire .conBox .caption li{
		width: 49px;
		text-align: center;
		float: left;
		overflow: hidden;
		height: 26px;		
		line-height: 26px;
		cursor: pointer;
		font-size: 14px;
	}
	.ui-qire .conBox .caption li.active{
		color: #fff;
		font-weight: bold;
		background: #e12160;
	}
	.ui-qire .conBox .caption span{float: right; font-size: 12px;}
	.ui-qire .conBox .caption span a{ color: #666; }
	.ui-qire .conBox .caption span a:hover{ color: #e12160; }

		
		/* pic-list */
		.ui-qire .pic-list{width: 720px; padding: 0; margin-top: 15px;}		
		.ui-qire .ui-tab-item-hot .pic-list{width: 414px;}
		
		.ui-qire .pic-list li{
			width: 118px;
			height: 240px;
			padding: 0 10px;
		}
			.ui-qire .pic-list p{
				width: 118px;
				text-align: left;
				height: 18px;
				line-height: 18px;
			}
			.ui-qire .pic-list p as,
			.ui-qire .pic-list p.txt strong{ color: #e12160; font-weight: normal; }
			.ui-qire .pic-list p.txt{
				font-size: 12px;
				height: 16px;
				line-height: 16px;
				color: #999;
			}
				.ratbar{
					width: 60px;
					height: 12px;
					overflow: hidden;
					display: block;
					text-indent: -999px;
					float: left;
					margin: 2px 5px 0 0;
					background: url(../images/star-min.gif) 0 -100px no-repeat;
				}
					.ratbar-item{
						width: 60px;
						height: 12px;
						overflow: hidden;
						display: block;
						text-indent: -999px;
						background: url(../images/star-min.gif) 0 0 no-repeat;
					}
			
			/* play-pic */
			.ui-qire .play-pic{width:118px;height: 158px;}
			.ui-qire .play-pic img{width: 110px;height: 150px;}
			.ui-qire .play-pic label.bg{width: 110px;}
			.ui-qire .play-pic label.time{width: 100px;}

	
/* sideRow */	
.ui-qire .sideRow{
	width: 256px;
	float: left;
	padding: 0 10px;
	overflow: hidden; 
}

	/* ui-focus */
	.ui-qire .ui-focus{
		overflow: hidden;
		height: 310px;
		margin-top: 15px;
	}
		/* ui-focus-img */
		.ui-qire .ui-focus .play-pic{width: 256px;height: 158px;margin: 0;}
		.ui-qire .ui-focus .play-pic img{width: 248px;height: 150px;}
		.ui-qire .ui-focus .play-pic label.bg{width: 248px;height: 30px;}
		.ui-qire .ui-focus .play-pic label.time{
			width: 248px;
			height: 30px;
			line-height: 30px;
			font-size: 14px;
			text-align: center;
		}
		
		/* ui-focus-texts */
		.ui-qire .ui-focus-text{
			width: 256px;
			line-height: 20px;
			overflow: hidden;
			height: 132px;
			margin-top: 10px;
			border-bottom: 1px solid #eee;
		}
			.ui-qire .ui-focus-text li{ height: 20px; overflow: hidden;}
			.ui-qire .ui-focus-text li.desc{ height: 80px; }
			.ui-qire .ui-focus-text strong{ color: #333;}
			.ui-qire .ui-focus-text a{ margin-right: 5px;}
		
	/* ui-synch */	
	.ui-synch,
	.ui-will{
		width: 256px;
		height: 156px;
		overflow: hidden;
	}
		.ui-synch h4,
		.ui-will h4{
			font-size: 14px;
			font-weight: bold;
			color: #333;
			height: 30px;
			line-height: 30px;
			overflow: hidden;
		}
		.ui-synch .ui-synch-cnt{
			width: 254px;
			height: 124px;
			border: 1px solid #ccc;
			overflow: hidden;
		}
			.ui-synch .ui-synch-tab{
				width: 80px;
				_overflow: hidden;
				border-right: 1px solid #ccc;
				float: left;
			}
				.ui-synch .ui-synch-tab li{
					height: 24px;
					line-height: 24px;
					overflow: hidden;
					text-indent: 16px;
					cursor: pointer;
					border-bottom: 1px solid #ccc;
					background: #f5f5f5;
				}
				.ui-synch .ui-synch-tab li.active{
					width: 86px;
					height: 25px;
					color: #fff;
					border: 0;
					position: relative;
					background: url(../images/ui-synch-tab-nav.gif) 0 0 no-repeat;
				}
			.ui-synch .ui-synch-item{
				width: 160px;
				float: right;
				margin-top: 3px;
				overflow: hidden;
			}
				.ui-synch .ui-synch-item li{
					width: 150px;
					line-height: 23px;
					height: 23px;
					overflow: hidden;
				}
					.ui-synch .ui-synch-item span,
					.ui-will li span{ font-size: 11px;margin-right:4px;-webkit-text-size-adjust: none;}
					.ui-synch .ui-synch-item li.top span{ color:#e12160;}
		/* ui-will */
		.ui-will li{
			line-height: 25px;
			height: 25px;
			overflow: hidden;
		}	
			
		
/* qire-list */
.qire-list{
	width: 644px;
	overflow: hidden;
	margin: 0 12px;
}
	.qire-list li{
		width: 310px;
		height: 25px;
		line-height: 25px;
		overflow: hidden;
		color: #666;
		float: left;
		margin-right: 12px;
	}
		.qire-list li a,
		.qire-list li em{ margin: 0 4px;}
				
/* sideBox */
.ui-qire .sideBar{
	width: 225px;
	overflow: hidden;
	padding: 0 19px 0 0;
}		
	.ui-qire .sideBar .caption{
		height: 36px;
		line-height: 36px;
		overflow: hidden;
		border-bottom: 1px solid #eee;
	}		
		.ui-qire .sideBar .caption h3{
			font-weight: bold;
			font-size: 14px;
			color: #333;
		}
	/* ui-sort */
	.ui-qire .ui-sort{
		height:180px;
		line-height: 22px;
		overflow: hidden;
	}
		.ui-qire .ui-sort .caption span{ float: right;}
		.ui-qire .ui-sort .content{ 
			padding: 3px 0 0 0;
			overflow: hidden;
			height: 133px;
		}
		.ui-qire .ui-sort dl{
			width: 230px;
			padding: 5px 0;
			overflow: hidden;
			clear: both;
			border-bottom: 1px solid #ececec;
		}
		.ui-qire .ui-sort dt{
			font-weight: bold;
			color: #333;
		}
		.ui-qire .ui-sort dt,
		.ui-qire .ui-sort dd{
			width: 46px;
			float: left;
		}
		.ui-qire .ui-sort-variety dt,
		.ui-qire .ui-sort-variety dd{
			width: 76px;
		}
	
	/* ui-top-tab */
	.ui-qire .ui-top-tab{width: 220px;}
	.ui-qire .ui-top-tab .caption h3{float: left;}
	.ui-qire .ul-top strong{ font-weight: normal; color: #e12160; }
		
				
/* sideBox */
.sideBox{
	height: 349px;
	overflow: hidden;
	margin: 7px 0;
	padding: 0 10px;
	border-left: 1px solid #eee;
}
.syBox{width: 140px;}
.topBox{width: 235px;}

	.sideBox .caption{
		height: 36px;
		overflow: hidden;
		padding: 0 5px;
		border-bottom: 1px solid #eee;
	}
		.sideBox .caption h3{ margin-top: 6px;}
		.sideBox .caption h3,
		.sideBox .caption h3 a{		
			height: 18px;			
		}
			.syBox .caption h3,
			.syBox .caption h3 a{
				width: 97px;
				background: url(../images/sy-tt.png) no-repeat; 
			}		
			#sy-tv .caption h3 a{background-position: 0 0; }			
			#sy-movie .caption h3 a{background-position: 0 -18px; }
			#sy-comic .caption h3 a{background-position: 0 -36px; }
			#sy-variety .caption h3 a{background-position: 0 -54px; }
			#sy-culture .caption h3 a{background-position: 0 -72px; }
			#sy-mv .caption h3 a{background-position: 0 -90px; }
			
			.topBox .caption h3,
			.topBox .caption h3 a{
				width: 114px;
				background: url(../images/top-tt.png) no-repeat; 
			}		
			#top-tv .caption h3 a{background-position: 0 0; }			
			#top-movie .caption h3 a{background-position: 0 -18px; }
			#top-comic .caption h3 a{background-position: 0 -36px; }
			#top-variety .caption h3 a{background-position: 0 -54px; }
			#top-culture .caption h3 a{background-position: 0 -72px; }
			#top-mv .caption h3 a{background-position: 0 -90px; }
			
				
/* syBox dl-list */
.syBox .dl-list{
	width: 124px;
	margin: 12px 8px 0 8px;
	overflow: hidden;
	line-height: 21px;
}			
	.syBox .dl-list dt{ color: #000; font-weight: bold; }
	.syBox .dl-list dt,
	.syBox .dl-list dd{
		height: 21px;
		overflow: hidden;
		width: 41px;
		float: left;
	}
	
/* ul-top */
.ul-top{
	margin: 3px 0;
	overflow: hidden;
	background: url(../images/num.gif) 2px 8px no-repeat;
} 	
	.ul-top li{
		height: 29px;
		line-height: 29px;
		overflow: hidden;
		text-indent: 30px;
		border-bottom: 1px dotted #dfdfdf;
	}
	.ul-top li span{ float: right;}
	.ul-top li strong{ color: #e12160; font-weight: normal; }

/* pic-txt */
.pic-txt{
	width: 650px;
	height: 93px;
	padding: 22px 5px 22px 15px;
	overflow: hidden;
	border-bottom: 1px solid #eee;
}	
	.pic-txt li{
		width: 325px;
		height: 93px;
		overflow: hidden;
		float: left; 
	}
		.pic-txt p,
		.pic-txt .play-pic{
			width: 153px;
			height: 93px;
			float: left;
			overflow: hidden;
		}
		.pic-txt .play-pic img{	width: 145px;height: 85px;}
			
		.pic-txt dl{
			width: 160px;
			height: 93px;
			overflow: hidden;
			float: right;
		}	
			.pic-txt dl dt{
				width: 150px;
				height: 26px;
				font-size: 14px;
				font-weight: bold;
				overflow: hidden;
				line-height: 24px;
			}
			.pic-txt dl dd{
				width: 150px;
				line-height: 22px;
				overflow: hidden;
				color: #666;
			}
			
/* ul-list */
.ul-list{
	width: 669px;
	margin: 13px 15px;
	overflow: hidden;
}			
	.ul-list li{
		width: 320px;
		margin-right: 14px;
		overflow: hidden;
		float: left; 
		height: 25px;
		line-height: 25px;
		text-indent: 22px;
		background: url(../images/v.gif) 0 7px no-repeat;
	}
	.ul-list li.active{
		background-image:  url(../images/v2.gif);
	}

/* sub-list */
.sub-list{
	width: 640px;
	margin: 0 15px;
	padding: 10px 0;
	overflow: hidden;
	border-top: 1px solid #eee;
}	
	.sub-list li{
		width: 128px;
		overflow: hidden;
		float: left; 
		height: 24px;
		line-height: 24px;
		text-indent: 17px;
		background: url(../images/v4.gif) 0 6px no-repeat;
	}
	
	
/* topic */
#topic .caption,
.hits-box .caption{
	margin: 1px 34px;
}
#topic .caption h2,
.hits-box .caption h2{
	width: 191px;
	height: 52px;
	overflow: hidden;
	clear: both;	
	background: url(../images/index-tt.png) 0 -258px no-repeat;
}
.hits-box .caption h2{
	height: 45px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
	#tv-hits .caption h2{background-image: url(../images/tv-tt.png);}
	#movie-hits .caption h2{background-image: url(../images/movie-tt.png);}

	#topic .caption h2 a{width: 100%;height: 100%;}
	#topic .caption span{float: right;line-height: 52px;}

/* silder-max */
.silder-max{
	width: 958px;
	padding: 0;
}
/* silder-box */
.silder-box{
	width: 910px;
	overflow: hidden;
	clear: both;
	padding: 0 24px;
	position:relative;
}
.box-blue-bold .silder-box{
	padding: 0 23px;
}
	/* pg_paging */
	.pg_paging{}
	.pg_paging .pg_previous,
	.pg_paging .pg_next{		
		width: 24px;		
		height: 200px;	
		overflow: hidden;
		top: 0;
		left: 0;
		position: absolute;
		background: #fff;
	}	
		.pg_paging .pg_previous a,
		.pg_paging .pg_next a{		
			display: block;
			width: 24px;		
			height: 57px;
			margin-top: 27px;
			overflow: hidden;
			text-indent: -999px;
			background: url(../images/silder.png) no-repeat;
		}
		.pg_paging .pg_previous a{background-position: -1px 0; }		
		.pg_paging .pg_previous a:hover{background-position: -1px -57px; }	
		.pg_paging .pg_previous a.disabled,
		.pg_paging .pg_previous a.disabled:hover{background-position: -1px -114px; cursor: default;}	
				
		.pg_paging .pg_next{left: auto; right: 0;}		
		.pg_paging .pg_next a{ background-position: -25px 0;}	
		.pg_paging .pg_next a:hover{ background-position: -25px -57px;}	
		.pg_paging .pg_next a.disabled,
		.pg_paging .pg_next a.disabled:hover{background-position: -25px -114px; }
	
	/* prettyGalleryContainer */
	.prettyGalleryContainer{
		width: 910px;
		overflow: hidden;
		z-index: 2;
	}
	#topic-silder{height: 130px;margin-bottom:20px;}
	.fn-silder .pic-list{padding: 0;margin: 0;}
	
	
		/* pic-list */
		.fn-silder .pic-list li{width: 227px;height: 130px;}
		.fn-silder .pic-list li p{width: 182px;font-size: 12px;}	
		.fn-silder .pic-list .play-pic{width: 210px;height: 105px;	}		
		.fn-silder .play-pic img{width: 200px;height: 95px;padding: 4px;}
		.fn-silder .play-pic label.bg{width: 200px;left: 5px;bottom: 5px;}
		.fn-silder .play-pic label.time{width: 180px;left: 5px;bottom: 5px;text-align: center;}
					
		/* hits */
		.hits-box .silder-box{_width: 908px; height: 180px;}
		.hits-box .pic-list li{height: 180px;}
		.hits-box .pic-list .play-pic{ margin-bottom: 5px;}
		
		.hits-box .pic-list li p{
			width: 160px;
			text-align: left;
			margin: 0 auto;
			height: 24px;
			line-height: 24px;
		}
		.hits-box .pic-list li p a{ margin: 0 3px;}
		
	/* index-silder */	
	#index-silder{
		height: auto;
		width: 950px;
		overflow: hidden;
		clear: both;
		padding: 0 3px;
		position:relative;
		border-bottom: 1px solid #f0f0f0;
	}	
		#index-silder .index-list dl.dm{width:138px;}
		#index-silder .index-list dl.zy{width:278px;}
		
		/* index-list li */
		#index-silder .index-list{
			width: 960px;
			overflow: hidden;
		}
		.index-list li{
			float: left;
			overflow: hidden;
		}
			.index-list dl{
				width: 272px;
				height: 74px;
				margin: 6px 0;
				overflow: hidden;
				padding: 0 10px 0 20px;
				border-right: 1px solid #f0f0f0;
			}
			#index-silder .index-list dl{
				width: 208px;
				height: 95px;
				margin: 12px 0 15px 0;
				overflow: hidden;
				padding: 0 10px 0 20px;
				border-right: 1px solid #f0f0f0;
			}
				.index-list dt{
					height: 30px;
					line-height: 30px;
					overflow: hidden;
					font-size: 14px;
					font-weight: bold;
					color: #333;
				}
				.index-list dt a{font-size: 12px;font-weight: normal;float: right;}	
				.index-list dd{
					line-height: 22px;
					margin-right: 10px;
					float: left;					
				}
				.index-list dd a{ white-space: nowrap; float: left;}
	
	/* index-search */
	.index-search{
		width: 928px;
		padding: 0 1px;
		margin: 16px 14px;
	}
	.index-search .hotKeys{width: 420px;padding-top:5px; overflow: hidden;}
		
		
/* sub-index */
.sub-index .index-list li{width: auto;height: 90px;}	
.sub-index .index-list dl{padding: 0 10px 0 18px;}
.sub-index .index-list dl.index-star{ border: 0; padding-right: 0;}
.sub-index .index-list dl.index-program{ border: 0; padding-right: 0;}

/* tv-index */
#tv-index .index-list dl.index-type{width: 238px;}	
#tv-index .index-list dl.index-area{width: 135px;}
#tv-index .index-list dl.index-year{width: 155px;}
#tv-index .index-list dl.index-star{width: 315px;}

/* movie-index */
#movie-index .index-list dl.index-type{width: 243px;}	
#movie-index .index-list dl.index-area{width: 170px;}
#movie-index .index-list dl.index-year{width: 155px;}
#movie-index .index-list dl.index-star{width: 275px;}
	
/* variety-index */
#variety-index .index-list dl{padding: 0 15px 0 23px;}
#variety-index	.index-list dl.index-type{width: 229px;}	
#variety-index .index-list dl.index-area{width: 170px;}
#variety-index .index-list dl.index-program{width: 435px;}

/* cartoon-index */
#cartoon-index .index-list li{height: 68px; }	
#cartoon-index .index-list dl{height: 52px;}	
#cartoon-index .index-list dl.index-type{width:348px;}	
#cartoon-index .index-list dl.index-area{width: 136px;}
#cartoon-index .index-list dl.index-program{width: 388px;}
	
/* Links */
#links .caption{
	height: 20px;
	line-height: 26px;
	overflow: hidden;
}
#links .caption h2{font-weight: bold;}
#links .caption span{float: right;}
#links a{color: #999;}
#links a:hover{color: #333;}
	
#top-links{width: 230px; height: 166px;}
#top-links .caption h3{
	width:204px; 
	background: none;
}


/* ul-link */
.ul-link{
	margin: 13px 1px;
	overflow: hidden;
}
	.ul-link li{
		width: 67px;
		height: 22px;
		line-height: 22px;
		overflow: hidden;
		float: left;
	}
	.ul-hz li{width: 110px; text-indent: 5px;}


/* footer */	
.footer{
	border-top: 2px solid #e12160;
	width: 100%;
	margin-top: 10px;
	background: #ececec;
	line-height: 24px;
	text-align: center;
	padding-bottom: 30px;
}
	.foot-nav{
		color: #333;
		height: 24px;		
		overflow: hidden;
		margin: 25px 0 20px 0;
	}
	.foot-nav a{ margin: 0 10px;}
	
	/* foot-weibo */
	.foot-weibo{
		margin: 0 auto;
		width: 165px;
		margin-top: 10px;
		padding-left: 8px;
	}
	

/********** pages Style Start *************/
.pages{
	height: 22px;
	*height: 23px;
	overflow: hidden;	
	font-family: Arial, Helvetica, sans-serif;
}
.pages a, .pages span,
.pages em,.pages label,
.pages .pagego,.pages .pagebtn{
	height: 20px;
	line-height: 20px;
	display: inline-block;
	text-align: center;
	margin: 0 1px;
	padding: 0 8px;
	color: #666;
	overflow: hidden;
	vertical-align: middle;
	border: 1px solid #e9e9e9;
	background: #e9e9e9;
	
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;		
}
.pages .pagego{
	width: 30px;
	padding: 0 5px;
	height: 20px;
	font-weight: bold;
	color: #333;
	border: 1px solid #ccc;
	background: #fff;
	margin-right: 3px;
	background: url(../images/input.gif) 0 0 repeat-x;
}
.pages .pagebtn{
	cursor: pointer;
	width: 60px;
	padding: 0 5px;
	font-weight: bold;
	color: #333;
	border: 1px solid #ccc;
	background: 
}
.pages label{
	padding: 0 2px;
	border: 1px solid #fff;
	background: #fff;
}
.pages a:hover {
	color: #e12160;
	font-weight: bold;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #e0e0e0;
}
.pages span.current {
	color: #fff;
	font-weight: bold;
	border: 1px solid #787878;
	background: #787878;	
}
.pages span.disabled {
	filter:alpha(opacity=50);
	opacity: 0.5;
}
.pages .first,
.pages .last,
.pages .prev,
.pages .next{
	width: 53px;
	padding: 0;
	text-align: left;
	text-indent: 12px;
	border: 1px solid #d6d6d6;
	background: url(../images/page.gif) 0 0 no-repeat;
}
.pages .first,
.pages .last{width: 43px;}
.pages .next,
.pages .last{ 	
	text-indent: 4px;
	background-position: 0 -20px;
}
.pages .last{ 	
	background-position: -10px -20px;
}
.pages .prev:hover,
.pages .next:hover{
	font-weight: normal;
	border: 1px solid #c0c0c0;
}
/********** pages Style End *************/				

/* listBox */
#listBox .conBox{
	width: 662px;
	height: auto;
	overflow: hidden;
	padding: 0 20px;
	margin: 15px 0;
	border-right: 1px solid #eee;
	clear: both;
}
/* search-box  */
#listBox .search-box{width: 916px;border: 0;}

/* sortBox */
.sortBox{
	width: 640px;
	height: 42px;
	overflow: hidden;
	padding: 0 10px;
	text-align: center;
	border: 1px solid #e8e8e8;
}
.search-box .sortBox{ 
	width: 894px;
	height: auto;
	padding: 0 10px 10px 10px;
}
	.search-box .sortBox p{
		width: 700px;
		height: auto;
		float: left;
	} 
.list-page{margin-top: 20px;}

.list-page .info{
	line-height: 42px;
	padding: 0 0 0 5px;
}

	.sortBox ul{
		width: 151px;
		height: 21px;
		overflow: hidden;
		float: left;
		margin-top: 10px;
		padding-left: 1px;
		margin-right: 10px;
	}
		.sortBox ul li{
			width: 75px;
			height: 21px;
			overflow: hidden;
			float: left;
			background: url(../images/view-mode2.gif) no-repeat;
		}
		.sortBox ul li.active{ position: relative;}
		.sortBox ul li#viewList{ background-position: 0 -21px; border-right: 1px solid #ccc;}
		.sortBox ul li#viewGrid{ background-position: -75px -21px;}
		.sortBox ul li#viewList.active{ background-position: 0 0; border-right: 0;}
		.sortBox ul li#viewGrid.active{ background-position: -75px 0;}
		
			.sortBox ul.viewMode li a{
				display: block;
				width: 100%;
				height: 21px;
				overflow: hidden;
				text-indent: -999px;
			}
	
	.sortBox p{ 
		float: left;
		height: 21px;
		line-height: 21px;
		overflow: hidden;
		margin-top: 10px;
		color: #999;
	}
		.sortBox p em{
			float: left;
			line-height: 19px;
			padding: 0 6px;
		}  
		.sortBox p a{
			color: #666;
			display: inline-block;
			height: 21px;
			overflow: hidden;
			padding-right: 3px;
			float: left;
		}  
			.sortBox p a span{
				display: inline-block;
				height: 21px;
				cursor: pointer;				
				padding-left: 3px;
				overflow: hidden;
			}  
		.sortBox p a.active{
			color: #fff;
			font-weight: bold;
			padding-right: 10px;
			background: url(../images/active.gif) right 0 no-repeat;
		}  
			.sortBox p a.active span{
				padding-left: 10px;
				background: url(../images/active.gif) left 0 no-repeat;
			}  				
		.sortBox p label{
			font-size: 14px;
			text-align: left;
			padding: 0 0 0 100px;
			float: left;
		}
			.sortBox p label strong{ color: #e12160; margin: 0 2px;}			
	
	.sortBox .pages{ margin-top: 9px; margin-right: -1px;}		
	
	
.list-cata-sp{
	width: 253px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 10px;
}		

/* syBox */
#listBox .list-cata{
	width: 253px;
	overflow: hidden;
	margin: 15px 0;	
}
#listBox .syBox{
	width: 233px;	
	height: auto;
	overflow: hidden;
	margin: 0;
	border: 0;
	margin-bottom: 5px;
}
	#listBox .syBox .caption h3{
		width: 225px;
		background: url(../images/cata-arrow.gif) right 2px no-repeat;
	}
	#listBox .syBox .caption h3.close{background: none;}

	#listBox #sy-tv .caption h3.close a,
	#listBox #sy-tv .caption h3 a:hover{background-position: 0 -108px; }			
	#listBox #sy-movie .caption h3.close a,
	#listBox #sy-movie .caption h3 a:hover{background-position: 0 -126px; }
	#listBox #sy-comic .caption h3.close a,
	#listBox #sy-comic .caption h3 a:hover{background-position: 0 -144px; }
	#listBox #sy-variety .caption h3.close a,
	#listBox #sy-variety .caption h3 a:hover{background-position: 0 -162px; }
	#listBox #sy-culture .caption h3.close a,
	#listBox #sy-culture .caption h3 a:hover{background-position: 0 -180px; }
	#listBox #sy-mv .caption h3.close a,
	#listBox #sy-mv .caption h3 a:hover{background-position: 0 -198px; }
		
	#listBox .sy-show-box{display: none;}
	#listBox .show{display: block;}
	
	/* dl-cata */
	.dl-cata{
		width: 233px;
		overflow: hidden;
		clear: both;
		padding: 8px 0;
		border-bottom: 1px solid #f0f0f0;
	}
		.dl-cata dt{
			width: 233px;
			height: 24px;
			line-height: 24px;
			overflow: hidden;
			font-size: 14px;
			font-weight: bold;
			color: #333;
			text-indent: 5px;
		}
		.dl-cata dd{
			width: 45px;
			height: 21px;			
			overflow: hidden;
			float: left;
			margin-top: 5px;
			padding-right: 1px;
		}
		.dl-cata-kong{
		}
		.dl-cata-kong dd{
			margin: 0;
		}
			.dl-cata dd a{
				height: 21px;
				display: block;
				line-height: 21px;
				padding-left: 1px;
				color: #333;
				text-indent: 4px;
			}
			.dl-cata dd a:hover{
				color: #e12160;
				text-decoration: none;
			}
		
		.dl-cata-min dd{width: 25px;}		
		.dl-cata-min dd.long{width: 50px;}
		.dl-cata-long dd{width: 74px;}
				
		.dl-cata dd.active{
			background: url(../images/active.gif) right 0 no-repeat;
		}
			.dl-cata dd.active a{
				color: #fff;
				font-weight: bold;
				background: url(../images/active.gif) left 0 no-repeat;
			}	




.mod{ overflow:hidden;}
.tw{zoom:1;position:relative;}
.w50p { width:321px; float:left; padding:10px 10px 0 0px; }

.tw:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
.tw img{float:left;margin-right:15px;}
.tw strong{font-size:14px;margin-bottom:5px;}
.tw span.cqBg{right:15px!important;}

.imgBg1,.imgBg1:hover{text-decoration:none;position:relative;display:block;}
.tw .imgBg1{float:left;}
a.imgBg1:hover img{border-color: #e12160;filter:alpha(opacity=80);opacity:0.8;}
.imgBg1 img{padding:4px;border:1px solid #dcdcdc;background:#fff;}

.tw .bg {position:absolute;left:6px;top:160px;display:block;width:119px;height:20px; background-color:000;_background:none; _filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#00000000, endColorStr=#99000000, gradientType='1');}
.tw .txt {position:absolute;left:4px;top:160px;display:block;width:118px;height:20px;padding-right:5px;color:#fff;line-height:20px;text-align:right;}

.twL{overflow:hidden;height:185px;min-height:185px;}
.twL p{padding:3px 0;}
.twL strong{font:16px/21px "微软雅黑"; margin-right:10px; font-weight:bold;}

.playbtn{display:block;width:85px;height:26px;text-indent:-9999px;background:url("../images/iconBg.png") 0 -90px no-repeat;}
.playbtn:hover{background-position:0 -130px;}





/* show-list */
.show-list{
	width: 662px;
	overflow: hidden;
	clear: both;
}	
	.search-box	.show-list{width:916px;}
	.search-box	.show-list li{width:896px;}
	.show-list li{overflow: hidden;float: left;}
	
	.show-list .play-pic{width: 130px;height: 170px;}
	.show-list .play-pic img{width: 120px;height: 160px; padding: 4px;}

	.show-list h5{ font-size:14px;}
	.show-list p{
		height: 24px;
		line-height: 24px;
		overflow: hidden;
		
	}
	.show-list p.type{width: 250px;}
	.search-box .show-lis p.type{width: 375px;}
	.search-box	.show-list p.plot,
	.search-box	.show-list p.actor{width:754px;}
	.show-list p.plot em,
	.show-list p.plot{ height: 72px;}
	.show-list p.state{ width:450px; float: left;}
	.show-list p.state a{ color:#e12160;}
	.show-list p.more-desc{ width:50px;text-align: right; float: right }
	.show-list p a{ margin-right: 7px;}
	.show-list p a.more{
		color: #e13160;
		padding-right: 8px;
		margin-left: 3px;
		background: url(../images/a3.gif) right 4px no-repeat;
	}
	.show-list p cite{ color: #666;}
	.show-list p .goplay{margin: 0;}
	.show-list p em,
	.show-list .play-mode em{
		width: 36px;
		float: left;
		display: block;
		height: 48px;
	}
	.show-list .play-mode em{ line-height: 25px;}
	.show-list p em.long{width: auto;}

/* list-mode */
.list-mode li{
	width: 642px;
	clear: both;
	height: 170px;
	padding: 20px 10px;
	background: url(../images/line.gif) 0 209px repeat-x;
}	
.list-mode li.kong{
	height: auto;
	text-align: center;
}
	.list-mode .play-pic{ float: left; margin-right: 12px;}
	.list-mode p{width: 500px;float: left;}
	.list-mode p.count{ 
		width: auto;
		height: 16px;
		line-height: 16px;
		overflow: hidden;
		float: right;
		font-weight: normal;
		color: #e12160;
		padding-right: 5px;
	}
	.list-mode p.count strong{ font-weight: normal; } 
	.list-mode h5{
		width: 350px;
		float: left;
		font-weight: bold;
		overflow: hidden;
		height: 24px;
		line-height: 20px;
		overflow: hidden;
	}
	
/* grid-mode */
.grid-mode{
	width: 690px;
	padding-left: 10px;
}
.grid-mode li{
	width: 130px;
	height: 240px;
	margin-top: 20px;
	margin-right: 40px;
}	
	.grid-mode p{width: 130px; height: 22px; line-height: 22px;}
	.grid-mode p.actor{width: 200px;white-space:nowrap; _white-space: normal;}
	.grid-mode h5{
		width: 130px;
		height: 26px;
		line-height: 26px;
		overflow: hidden;
		margin-top: 3px;
	}	
	.grid-mode li p.count{ display: none;}
	
/* letter-page */	
.letter-page{
	width: 926px;
	border: 0;
	margin: 0;
	padding: 15px;
	overflow: hidden;
}

/* sortBox */
.letter-sort{width: 960px;background: #fff; margin-top:10px;}
.letter-sort .sortBox{width: 938px;}
.letter-page-tips{
	width: 206px;
	height: 35px;
	overflow: hidden;
	position: absolute;
	margin: -27px 0 0 0;
	background: url(../images/tips.gif) 0 0 no-repeat;
}
	.letter-page-tips a{
		display: block;
		width: 100%;
		height: 100%;
		overflow: hidden;
		text-indent: -999px;
	}
	
/* letter */			
.letter{
	width: 960px;
	height: 34px;
	overflow: hidden;
	margin-top: -1px;
	background: #fff;
}
	.letter li{
		color: #666;
		width: 34px;
		height: 32px;
		line-height: 32px;
		overflow: hidden;
		text-align: center;
		margin-right: -1px;
		float: left;
		border: 1px solid #e8e8e8;
	}
	.letter li a{
		display: block;
		width: 100%;
		height: 100%;
		color: #666;
		font-weight: bold;
		overflow: hidden;
	}
	.letter li a:hover{
		color: #e12160;
		font-weight: bold;
		text-decoration: none;
		background: #f5f5f5;
	}
	.letter li.sz{ width: 48px;}	
	
/* letter-box */
.letter-box{
	width: 926px;
	overflow: hidden;
	clear: both;
}	
.hot-box{
	width: 676px;
	overflow: hidden;
	clear: both;
}	
.letter-box dl{ 
	width: auto;
	overflow: hidden;
	padding: 15px 0 15px 10px;
	clear: left;
	line-height: 28px;
	border-top: 1px solid #e8e8e8;
	position: relative;
	zoom:1;
}		
.hot-box dl{ 
	width: auto;
	overflow: hidden;
	padding: 15px 0 15px 10px;
	clear: left;
	line-height: 28px;
	position: relative;
	zoom:1;
}		
.letter-box dt,.hot-box dt{
	width: 216px;
	height: 28px;
	padding: 2px 0;
	overflow: hidden;
	float: left;		
	font-size: 24px;
}	
.letter-box dt a,.hot-box dt a{color: #e12160;}
.letter-box dt a:hover,.hot-box dt a:hover{color: #e12160; text-decoration: none;}
	
.letter-box dd,.hot-box dd{
	width: 216px;
	height: 28px;
	padding: 2px 0;
	float: left;
	font-size: 14px;
	overflow: hidden;
	border-bottom: 1px solid #f5f5f5;
}		
.letter-box dd li,.hot-box dd li{
	width: 216px;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	float: left;
	font-size: 14px;
}
.letter-box dd span,.hot-box dd span{ 
	font-size: 12px; 
	color: #666; 
	margin-right: 3px;
}	

/* letter-box-right */	
.letter-box-right{
	width: 252px;
	overflow: hidden;
	float: right;
	margin-left: 0px;
}
.letter-top{
	width: 252px;
	overflow: hidden;
	background: #fcfcfc;
	margin: 0 0 10px 0;
}
	.letter-top .caption{
		padding: 0 13px;
		height: 33px;
		line-height: 33px;
		font-size: 14px;
		color: #333;
		background: #f0f0f0;
	}
		.letter-top .caption h3{ font-weight: bold; }
		
	.letter-top .content{
		width: 230px;
		border: 1px solid #ddd;
		padding: 0 10px 5px 10px;
		overflow: hidden;
	}
	.letter-top .ul-top li{
	}
	
/* list-star */
#list-star .detail-info h3{
	height: 40px;
	line-height: 24px;
	overflow: hidden;
	font-family: "Microsoft Yahei";
	font-size: 20px;
	color: #000;
}
	/* pic */
	#list-star .detail-info .pic{width: 140px;height: 190px; background: none;}
	#list-star .detail-info .pic img{width: 130px;height: 180px;}
	
	/* info-box */
	#list-star .detail-info .info{width: 440px;}
	#list-star .info li{
		width: 220px;
		height: 30px;
		line-height: 30px;
		float: left;
		overflow: hidden;
	}
	#list-star .info li.long{
		width: 440px;
		line-height: 24px;
		padding: 5px 0 0 0;
		height: auto;
	}
		#list-star .info li span{ color: #000;}
		#list-star .info li strong{ color: #e12160;}
		

	
/* back-top */
.back-top{
	width: 73px;
	height: 19px;
	line-height: 20px;
	display: block;
	text-indent: 18px;
	overflow: hidden;
	border: 1px solid #e8e8e8;
	background: url(../images/back-top.gif) 6px 5px no-repeat;
	*background-position: 6px 4px;
	background-color: #f5f5f5;
	position: absolute;
	right: 0;
	top: -1px;
}	
	
#back-to-top{
	position:fixed;
	right: 20px;
	bottom: 20px;
	display: none;
	z-index: 999999;
}
	#back-to-top a{
		width: 50px;
		height: 50px;
		display: block;
		overflow: hidden;
		text-indent: -999px;
		background: url(../images/back-to-top.png) 0 0 no-repeat #9f9f9f;
	}
	#back-to-top a:hover{
		background-position: -50px 0;
		background-color: #18c2c8;
	}
	
	
/* play-mode */
.play-mode{
	width: 500px;
	height: 25px;
	overflow: hidden;
	padding-top: 15px;
}	
	.play-mode p{
		float: left;
		height: 25px;
		line-height: 23px;	
		overflow: hidden;
	}
	.play-mode-list{
		width: auto;
		height: 25px;
		float: left;
		overflow: hidden;
	}
		.play-mode-list dd{
			float: left;
			width: 30px;
			height: 25px;
			line-height: 25px;
			margin: 0 9px 0 0;		
		}
			.play-mode-list dd a{
				display: block;
				width: 30px;
				height: 25px;
				overflow: hidden;
				background: #e5e5e5;
			}
			.play-mode-list dd a:hover{
				text-decoration: none;
				background: #f5f5f5;
			}
			.play-mode-list span{
				display: block;
				width: 25px;
				height: 25px;
				line-height: 25px;
				overflow: hidden;
				cursor: pointer;
				margin: 0 auto;
				text-indent: -999px;
				background: url(../images/play-mode-ico.gif) no-repeat;
			}
			.play-mode-list #qvod-pl span{ background-position: 5px 4px;}
			.play-mode-list #youku-pl span,
			.play-mode-list #youku_new-pl span{ background-position: 5px -26px;}
			.play-mode-list #tudou-pl span{ background-position: 5px -56px;}
			.play-mode-list #qiyi-pl span{ background-position: 5px -86px;}
			.play-mode-list #pptv-pl span{ background-position: 5px -116px;}
			.play-mode-list #sohu-pl span{ background-position: 5px -146px;}
			.play-mode-list #sinahd-pl span{ background-position: 5px -176px;}
			.play-mode-list #letv-pl span{ background-position: 5px -206px;}
			.play-mode-list #qq-pl span{ background-position: 5px -236px;}
			.play-mode-list #baiduhd-pl span{ background-position: 5px -266px;}
			
			/* play-mode-tip */
			.play-mode-tip{ 					
				width:63px; 
				height:27px; 
				line-height: 21px;
				overflow:hidden; 
				text-align:center;
				font-size:12px; 
				color:#fff; 
				position:absolute;
				z-index: 3;
				margin:  0 0 0 -19px;
				background: url(../images/play-mode-tips.gif) center 0 no-repeat;
			}	
			
/* lasted-box */
#lasted-box	.caption h2{
	width: 124px;
	height: 20px;
	margin-top: 11px;
	margin-right: 241px;
	background: url(../images/sub-tt.png) 0 0 no-repeat;
}	
#lasted-box	.caption .lasted-type,
#lasted-box	.caption .lasted-tags,
#lasted-box	.caption .lasted-time{
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
	color: #333;
}
#lasted-box	.caption .lasted-tags{text-indent: 5px; }
	
	
#lasted-box	.content{
	width: 926px;
	overflow: hidden;
	padding: 0 15px 15px 15px;
}	
	.lasted-num{
		width: 40px;
		height: 30px;
		line-height: 30px;
		overflow: hidden;
		text-align: right;
		padding-right: 5px;
		color: #ccc;
		font-style: italic;
		text-align: center;
		font-size: 20px;
	}	
	.lasted-type{
		width: 200px;
		height: 30px;
		line-height: 30px;
		overflow: hidden;
		text-align: center;
		font-size: 14px;
	}
	.lasted-tags{
		width: 180px;
		height: 30px;
		line-height: 30px;
		overflow: hidden;
		text-align: center;
	}
	.lasted-tags a,
	.lasted-tags span{ margin: 0 5px;}
		
	.lasted-time{
		width: 150px;
		height: 30px;
		line-height: 30px;
		overflow: hidden;
		text-align: right;
		padding-right: 15px;
		color: #666;
	}	
	.top-list li{
		width: 926px;
		height: 30px;
		overflow: hidden;
		float: left;
		clear: both;
		border-bottom: 1px solid #ececec;
	}
	.top-list h5{
		width: 320px;
		height: 30px;
		line-height: 30px;
		overflow: hidden;
		text-align: left;
		font-size: 14px;
		float: left;
	}
	.top-list h5 a{ margin: 0 5px;}
	#lasted-box .tipInfo{margin-left: 48px;}
	
/* top-box */
#top-box	.box{
	width: 928px;
	overflow: hidden;
	padding: 1px 15px 15px 15px;
}	

/* top-catalog */
.top-catalog{
	width: 118px;
	overflow: hidden;
	margin-top: 15px;
}
	.top-catalog h2{
		width: 118px;
		overflow: hidden;
	}
		.top-catalog a{
			width: 118px;
			height: 25px;
			line-height: 25px;
			display: block;
			overflow: hidden;
			text-indent: 17px;
			border-top: 1px solid #e8e8e8;
			background: url(../images/dot.gif) 6px 10px no-repeat;
		}
		.top-catalog h2 a{ border: 0;}
		.top-catalog .active a{
			color: #fff;
			font-weight: bold;
			border: 0;
			background: url(../images/active.gif) 0 -21px no-repeat;
		}
	
	.top-catalog ul{
		width:118px;
		margin-top: 5px;
		overflow: hidden;
	}
	.top-catalog li{
		width: 118px;
		overflow: hidden;		
	}

/* top-content */
.top-content{
	width: 810px;
	overflow: hidden;
	margin-top: -5px;
}

/* top-min */
.top-min{
	width: 246px;
	height: 366px;
	overflow: hidden;
	margin-top: 20px;
	margin-left: 20px;
	float: left;
	_display: inline;
	border: 2px solid #e9e9e9;
}
.top-min-long{width: 790px;border: 0; height: auto;}

	.top-min .tt{
		height: 26px;
		line-height: 26px;
		overflow: hidden;
		padding: 0 10px;
		background: #f0f0f0;
	}
		.top-min .tt h5{
			font-size: 14px;
			font-weight: bold;
			float: left;
		}
		.top-min .tt span{
			color: #666;
			float: right;
		}	
	
	.top-min .top-list li{width:246px;}
	.top-min .top-list h5{width:130px;}
	.top-min .top-list h5 a{ margin: 0;}
	.top-min .lasted-num{ width: 35px;padding: 0 0 0 3px;}
	.top-min .lasted-time{ width: 60px; padding: 0 10px 0 0; color: #999;} 
	
	.top-min-long .top-list li{width:790px;}
	.top-min-long .top-list h5{width:600px;}
	.top-min-long .lasted-num{ width: 40px;padding: 0 5px 0 0;}
	
	.top-min p{
		width: 226px;
		padding: 0 10px;
		overflow: hidden;
		line-height: 30px;
		text-align: right;
	}
		.top-min p a{ color: #e12160;}
		.top-min p a:hover{ color: #e12160;}

			
/* detail-cols */
.detail-cols{
	width: 918px;
	margin: 19px;
	overflow: hidden;
}		
	/* detail-pic */
	.detail-pic{
		width: 237px;
		height: 312px;
		overflow: hidden;
		position: relative;
		background: url(../images/pic-bg.gif) right bottom no-repeat;
	}
		.detail-pic img{
			display: block;
			width: 225px;
			height: 300px; 
			padding: 4px; 
			overflow: hidden;
			border: 1px solid #ccc;
		}
		.detail-pic .masker{
			width: 237px;
			height: 312px;
			overflow: hidden;
			position: absolute;
			top: 0;
			left: 0;
			background: url(../images/masker.png);
			background: none;
		}
		
	/* title */
	.detail-title{
		width: 666px;
		padding-left: 15px;
	}
		.detail-title h2{
			width: 450px;
			line-height: 24px;
			font-weight: bold;
			font-size: 20px;
			color: #333;
			float: left;
			font-family: "Microsoft Yahei";
			overflow: hidden;
		}		
	
	/* detail-union */	
	.detail-union{margin-top: 5px;}
	.detail-union,
	.detail-union img{
		display: block;
		width: 300px;
		overflow: hidden;
	}

	/* detail-info */
	.detail-info{
		width: 350px;
		padding: 0 13px 0 15px;
		overflow: hidden;
	}
		/* info */
		.detail-info .info{
			width: 350px;
			overflow: hidden;
		}
			.detail-info .info dl{
				width: 350px;
				line-height: 24px;
				overflow: hidden;
				color: #666;
				font-size: 12px;
				padding: 3px 0;
			}
				.detail-info .info dt{
					width: 42px;
					float: left;
					color: #666;
					overflow: hidden;
				}
				.detail-info .info dd{
					width: 308px;
					float: left;
					color: #999;
					overflow: hidden;
				}
					.detail-info .info dd a,
					.detail-info .info dd span{ margin: 0 5px 0 0;color: #333;}
					.detail-info .info dd span.color{ color: #18c2c8;sina}
				
			/* fn-left */		
			.detail-info .info dl.fn-left{width: 210px;height: 22px;}
			.detail-info .info dl.fn-left dd{width: 168px;}
			
			/* fn-right */		
			.detail-info .info dl.fn-right{width: 140px;height: 22px;}
			.detail-info .info dl.fn-right dd{width: 98px;}
			.detail-info .info dl.fn-right strong{ margin-right: 2px;}
			.detail-info .info dl a.link{
				color: #e12160;
				padding-right: 8px;
				background: url(../images/a3.gif) right 6px no-repeat;
			}
			.detail-info .info dl #link-cmt{
				width: 100px;
				text-indent: 25px;
				background: url(../images/cmt-link.gif) 0 0 no-repeat;
			}
			.detail-info .info dl #link-cmt a{ 
				color: #e12160;
			} 
			
			
	/* detail-share */	
	.detail-share{
		width: 350px;
		overflow: hidden;
		padding-top: 10px;
	}
			
	/* detail-sect */		
	.detail-sect{
		width: 350px;
		margin-top: 10px;
	}
		/* interest-sect */
		.interest-sect,
		.interest-rss{
			width: 69px;
			height: 26px;
			overflow: hidden;
			float: left;
			margin-right: 10px;
		}
			.detail-sect a{
				display: block;
				width: 69px;
				height: 26px;
				line-height: 26px;
				_line-height: 24px;
				overflow: hidden;
				text-align: left;
				color: #fff;
				text-indent: 30px;
				background: url(../images/koushui.gif) no-repeat;	
			}
			@-moz-document url-prefix(){.detail-sect a{line-height: 23px;}}	
			.detail-sect a:hover{color: #fff;}
			.interest-sect .sect-btn{background-position: 0 0;}	
			.interest-rss .rss-btn{background-position: -69px 0;}	
			
			/* sect-show */
			.interest-sect .sect-show,
			.interest-rss .rss-show{
				width: 69px;
				height: 26px;
				overflow: hidden;
			}	
			.interest-sect .sect-show a{background-position: 0 -26px; color: #888; text-indent: 26px;}	
			.interest-rss .rss-show a{background-position: -69px -26px; color: #888;text-indent: 26px;}	
			.detail-sect .sect-show a:hover{color: #666;}	
			
			
		/* rating-box */
		.rating-box{
			width: 198px;
			height: 35px;
			overflow: hidden;
		}	
		.rating-panle{
			width: 198px;
			overflow: hidden;
			position: absolute;
			margin: -3px 0 0 0;
		}
			.rating-panle .rating-self{
				margin: 0 0 0 18px;
			}
		
		/* rating-self */
		.rating-self{
			width: 185px;
			height: 30px;
			line-height: 28px;
			overflow: hidden;
		}	
			.rating-self .rating-bar{
				width: 120px;
				height: 24px;
				float: left;
				overflow: hidden;
				background: url(../images/rating.png) 0 0 repeat-x;
			}
			.rating-self .rating-bar-item{
				height: 24px;
				overflow: hidden;
				background: url(../images/rating.png) 0 -24px repeat-x;
			}
			.rating-self strong{
				float: left;
				padding-left: 5px;
				font-size: 30px;
				color: #e12160;
				font-style: italic;
				font-family: "Times New Roman", Times, serif;
			}
		
		/* rating-show */	
		.rating-box .rating-show{
			width: 180px;
			overflow: hidden;
			padding: 5px 8px 10px 8px;
			border: 1px solid #ccc;
			background: #fff;
			display: none;
		}		
			.rating-box .rating-show li{
				width: 190px;
				height: 14px;
				overflow: hidden;
				float: left;
				clear: both;					
				margin-top: 5px;
			}
				.rating-box .rating-show .starstop{
					width: 60px;
					height: 12px;
					overflow: hidden;
					display: block;
					text-indent: -999px;
					float: left;
					margin-top: 1px;
					margin-right: 5px;
					background: url(../images/star-min.gif) no-repeat;
				}
					.rating-box .rating-show .star5{ background-position: 0 0;}
					.rating-box .rating-show .star4{ background-position: 0 -20px;}
					.rating-box .rating-show span.star3{ background-position: 0 -40px;}
					.rating-box .rating-show span.star2{ background-position: 0 -60px;}
					.rating-box .rating-show span.star1{ background-position: 0 -80px;}
					
				.rating-box .rating-show .power{
					width: 80px;
					height: 14px;
					overflow: hidden;
					display: block;
					margin-right: 5px;
					float: left;
					background: #f9f9f9;
				}	
				.rating-box .rating-show .power-item{
					width: 0;
					height: 14px;
					overflow: hidden;
					display: block;
					float: left;
					background: #9beaed;
				}						
				.rating-box .rating-show em{
					line-height: 14px;
					overflow: hidden;
					float: left;
					font-size: 10px;						
					color: #333;
					font-weight: normal;
					-webkit-text-size-adjust: none;
				}	
			
/* rating */
#rating{
	height: 25px;
	line-height: 25px;
	overflow: hidden;	
	color: #666;
}			
	#rating span{ float: left;}	
	#rating .rating{
		float: left;
		height: 25px;
		overflow: hidden;
		margin-right: 5px;
	}	
		#rating .rating li{
			cursor: pointer;
			float:left;
			overflow: hidden;
			width: 16px;
			height: 16px;
			margin-top: 4px;
			text-indent: -99px;
			background: url(../images/star.gif) 0 -16px no-repeat;
		}
		#rating .rating li.hover,
		#rating .rating li.active{
			background: url(../images/star.gif) 0 0 no-repeat;
		}
			
/* detail-desc-cnt */
.detail-desc-cnt{
	padding: 5px;
	font-size: 14px;
	line-height: 24px;
}	
	
/* detail-related */
.detail-related{
	width: 918px;
	margin: 0 19px 11px 19px;
	overflow: hidden;
}	
	.detail-related .bd{ width: 788px; float: right;}
	.detail-related h5{
		width: 130px;
		font-size: 14px;
		float: left;
		height: 25px;
		overflow: hidden;
		line-height: 25px;
		font-weight: bold;
		color: #333;
	}
	.detail-related h5 strong{ color: #e12160;}
	.detail-related a{
		height: 25px;
		line-height: 23px;
		padding: 0 10px 0 20px;
		font-size: 12px;
		display: block;
		overflow: hidden;
		float: left;
		font-weight: normal;
		margin: 0 8px 8px 0;
		background: url(../images/tag.gif) 0 0 no-repeat;
	}
		.detail-related a:hover{
			text-decoration: none;
			background-position: 0 -25px;
		}
	
/* detail-foot */
.detail-foot{
	width: 936px;
	height: 25px;
	line-height: 25px;
	padding: 10px;
	overflow: hidden;
	margin: 15px 0 0 0;
	border-top: 1px solid #e4e4e4;
}
	.detail-foot .bds_more{
		line-height: 14px;
	}
	.detail-foot .qq label{
		float: left;
		color: #666;
		padding-right: 8px;
	}
	.detail-foot .qq a.qqmsn{
		color: #333;
		width: 160px;
		height: 25px;
		line-height: 23px;
		display: block;
		float: left;
		color: #666;
		text-indent: 26px;
		background: url(../images/qqmsn.gif) 0 0 no-repeat;
	}	
	.detail-foot .qq a.qqmsn:hover{
		color: #333;
		text-decoration: none;
		background-position: 0 -25px;
	}
	
/* detail-nav */	
#detail-nav{
	width: 44px;
	position: fixed;
	z-index: 999;
	margin-left: -49px;
	padding: 0 0 1px 0;
	
	_position:absolute;
	_top: expression(documentElement.scrollTop + 250 + "px"); 
}
	#detail-nav li{
		width: 44px;
		height: 40px;
		margin: 0 0 -1px 0;
	}
		#detail-nav li.current a{width: 44px;}
		#detail-nav li.current a{position: relative;}
		#detail-nav li a{
			width: 40px;
			height: 100%;
			display: block;
			overflow: hidden;
			text-indent: -999px;
			background-image: url(../images/detail-nav.png);
			background-repeat: no-repeat;
		}
		#detail-nav li#detail-list-nav a{ background-position: 0 0; }
		#detail-nav li#detail-list-nav a:hover{ background-position: -40px 0; }
		#detail-nav li#detail-list-nav.current a:hover,
		#detail-nav li#detail-list-nav.current a{ background-position: -80px 0; }
		
		#detail-nav li#detail-intro-nav a{ background-position: 0 -39px; }
		#detail-nav li#detail-intro-nav a:hover{ background-position: -40px -39px; }
		#detail-nav li#detail-intro-nav.current a:hover,
		#detail-nav li#detail-intro-nav.current a{ background-position: -80px -39px; }
		
		#detail-nav li#latest-focus-nav a{ background-position: 0 -78px; }
		#detail-nav li#latest-focus-nav a:hover{ background-position: -40px -78px; }
		#detail-nav li#latest-focus-nav.current a:hover,
		#detail-nav li#latest-focus-nav.current a{ background-position: -80px -78px; }
		
		#detail-nav li#comment-nav a{ background-position: 0 -117px; }
		#detail-nav li#comment-nav a:hover{ background-position: -40px -117px; }
		#detail-nav li#comment-nav.current a:hover,
		#detail-nav li#comment-nav.current a{ background-position: -80px -117px; }
		
		/* #back-detail-top */
		#back-detail-top{ position: absolute; top: -45px; display: none;}	
		#back-detail-top a{background-position: 0 -157px;}
		#back-detail-top a:hover{background-position: -40px -157px;}
		
		#detail-nav li p{
			width: 78px;
			height: 26px;
			line-height: 26px;
			text-indent: 11px;
			display: block;
			overflow: hidden;
			position: absolute;
			color: #fff;
			font-weight: bold;
			margin: 7px 0 0 -83px;
			background: url(nav-tips.gif) 0 0 no-repeat;
			display: none;
			
		}	
		#detail-nav li.active p{
			display: block;
		}

	
/* play-list-box */
.play-list-box{
	width: 941px;
	overflow: hidden;
	margin: 0 0 0 15px;
	padding-bottom: 15px;
}
	.play-list-box .caption{
		width: 926px;
		height: 60px;
		overflow: hidden;
		background: url(../images/line.gif) 0 59px repeat-x;
	}	
		/* H4 */
		.play-list-box .caption h4{
			height: 35px;
			float: left;
			overflow: hidden;
			margin-top: 13px;
		}
			.play-list-box .caption h4 img{
				
				display: block;
				margin: 8px 0 0 0;
			}
		
		/* Txt */	
		.play-list-box .txt{
			height: 22px;
			line-height: 22px;
			overflow: hidden;			
			margin-top: 19px;
			float: right;
			padding-right: 5px;
		}	
			.play-list-box .txt a,
			.play-list-box .txt a:hover{ color: #e12160;}
			
		/* play-close */	
		.play-list-box .play-close{
			height: 22px;
			width: 22px;
			overflow: hidden;			
			margin-top: 19px;
		}
			.play-close a.close{		
				width: 22px;
				height: 22px;
				display: block;			
				font-size: 0;				
				line-height: 0;			
				overflow: hidden;
				background: url(../images/plus.gif) 0 0 no-repeat;
			}
			.play-close a.close:hover{background-position: -22px 0;}
			.play-close a.open{background-position: 0 -22px;}
			.play-close a.open:hover{background-position: -22px -22px;}
			
		/* play-page */	
		.play-list-box .play-page{
			height: 25px;
			overflow: hidden;			
			margin-top: 18px;
		}
			.play-page-tip{
				width: 190px;
				height: 35px;
				overflow: hidden;
				position: absolute;
				text-indent: -999px;
				margin: -18px 0 0 745px;
				*margin: -18px 0 0 669px;
				z-index: 999;
				background: url(../images/play-page-tip.gif) 0 0 no-repeat;
				display: none;
			}
			.play-page a{	
				height: 25px;
				line-height: 25px;
				*line-height: 23px;
				display: block;		
				overflow: hidden;
				float: left;
				padding-right: 5px;
				margin-right: 5px;
				background: url(../images/play-page.gif) right 0 no-repeat;
			}
				.play-page a span{
					height: 25px;
					display: block;	
					_display: inline-block;			
					overflow: hidden;
					padding: 0 2px 0 7px;
					cursor: pointer;
					background: url(../images/play-page.gif) left 0 no-repeat;
				}	
			.play-page a:hover{	
				color: #333;
				text-decoration: none;
				background: url(../images/play-page.gif) right -50px no-repeat;
			}
				.play-page a:hover span{
					background: url(../images/play-page.gif) left -50px no-repeat;
				}	
				
			.play-page a.current,
			.play-page a.current:hover{	
				color: #fff;
				background: url(../images/play-page.gif) right -25px no-repeat;
			}
				.play-page a.current span,
				.play-page a.current:hover span{
					background: url(../images/play-page.gif) left -25px no-repeat;
				}		
			
			
		/* play-list */	
		#detail-list .play-list{
			width: 941px;
			max-height: 300px;
			_height:expression(this.scrollHeight > 300 ? "300px" : "auto");
			overflow: auto;
			overflow-x: hidden;		
			clear: both;
			position: relative;
		}	
			.play-list a{
				width: 147px;
				height: 28px;
				line-height: 28px;
				overflow: hidden;
				display: block;
				text-align: center;
				color: #333;
				float: left;
				position: relative;
				margin: 5px 5px 0 0;
				border: 1px solid #e0e0e0;
				background: #f5f5f5;
				-moz-border-radius: 1px;
				-webkit-border-radius: 1px;
				border-radius: 1px;		
			}	
			.play-list a:visited{color: #666; background: #faebd7;}
			.play-list a:hover{
				color: #fff;
				text-decoration: none;
				border-color: #e12160;
				background: #e12160;
			}
			.play-list-long a{width: 224px;}
			.play-list a span.new{top: 0;right: 0;}
				
				
				
/* ui-timetable */		
.ui-timetable{
	padding: 20px;
	overflow: hidden;
}		
/* timetable */
.timetable{
	width: 100%;
}
	/* month-name */
	.month-name{	
		height:50px;
		border:1px solid #e3e3e3;
		background-color:#fff;
	}
		.month-name span{
			display:block;
			width:15%;
			float:left;
			text-align:center;
			font-size: 22px;
			line-height: 50px;
			font-weight: 700;
			font-family: ËÎÌå;
			font-family: Simsun;
		}
		.month-name span a{display:block;width:100%;height:50px;color:#666;}
		.month-name span a:hover{color:#e12160;}
		.month-name h2{
			width:69%;
			float:left;
			text-align:center;
			line-height:50px;
			font-size:26px;
			font-weight:700;
			color:#444;
			font-family: "Microsoft Yahei";
		}
	
	/* month-box */
	.month-box{
		width: 100%;
		border-collapse:separate;
		border-spacing:5px;
	}
		.month-box td{
			text-align:left;
			vertical-align:top;
			padding:5px;
			border:1px solid #e3e3e3;
			background-color:#fff;
			width:13%;
		}
		.month-box .week{
			height:30px;
			line-height:30px;
			font-size:16px;
			font-weight:700;
			color:#444;
			border:0 none;
			background:none;
			text-align:center;
		}
		.month-box .noday{
			background-color:#f9f9f9;
		}
		.month-box .today{
			background-color: #feffcf;
			border:1px solid #ddd;
		}
			.month-box dt.title{
				color:#666;
				font-size:14px;
				line-height: 16px;
				text-align:left;
				font-style: italic;
			}
			.month-box dd.block{
				line-height:18px;
				color:#888;
			}
			.month-box dd a{color:#e12160;}
			
			/* data-list */
			.date-list{
				overflow: hidden;
				clear: both;
				margin: 5px;
				zoom:1;
			}
				.date-list li{
					_width: 100%;
					height: 22px;
					overflow: hidden;
					margin-top: 2px;
					_clear: both;
					_float: left;
					border: 1px solid #ddd;
					background: #fcfcfc;
				}
				.date-list .show-tipinfo{
					height: 22px;
					line-height: 22px;
					overflow: hidden;
					text-indent: 10px;
				}
				.date-list .show-tipinfo a{display: block;}
				.date-list .show-tipinfo a:hover{ background: #ddd; text-decoration: none;}
				.date-list .tipInfo{margin-left: -1px;}	
			
			
/* 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{
		width: 100%;
		overflow: hidden;
		clear: both;
		line-height: 35px;
		margin:0 0 30px 0;
	}
	.ui-form-check{margin: -20px 0 20px 0;}	
	.ui-form-radio{margin: -20px 0 10px 0;}
	.ui-form-margin0{margin: 0;}
	.ui-form-info{
		height: 30px;
		line-height: 30px;
		overflow: hidden;
		margin: 10px 0 0 0;
	}
	
	.ui-form-label{
		font-size:14px;
		text-align:right;		
		padding-right: 10px;
		float: left;
	}
	.ui-form-field,
	.ui-form-select{
		overflow: hidden;
		height: 33px;
		padding: 0 8px;
		margin: 0 10px 0 0;
		float: left;
		border: 1px solid #ccc;		
		background: url(../images/input.gif) 0 0 repeat-x #fbfbfb;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}				
	.ui-form-field-hover{
		border-color: #999;
		text-decoration: none
	}
	.ui-form-field-active{
		border-color: #18c2c8;
		background: url(../images/input-active.gif) 0 0 repeat-x #fff;
	}	
	.ui-form-field-readonly{
		border: 1px solid #ccc;		
		background: #fbfbfb;
	}
	.ui-form-area{
		height: auto;
		float: none;
		padding: 5px 8px;
		margin: 0; 
		height: 90px;
	}
		.ui-input{		
			width: 100%;
			*height: 33px;
			padding: 8px 0;
			font-size:13px;		
			border: 0;
			color: #666;
			background: transparent;
		}	
		.ui-textarea{
			display: block;
			overflow: auto;
			overflow-x: hidden;
			padding: 0;
			height:100%;
			height: 90px;
			line-height: 18px;
		}

	.ui-form-block{
		float: left;
		overflow: hidden;
		margin: 0 10px 0 0;
	}
		.ui-form-block .ui-form-field{margin: 0;}
	
	.ui-button{
		width: 100px;
		height: 37px;
		overflow: hidden;
		border: 0;
		padding: 0 0 2px 0;
		cursor: pointer;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		margin-right: 8px;
		float: left;
		margin: 0 20px 0 0;
		background: url(../images/button.png) 0 0 no-repeat;
	}
	@-moz-document url-prefix(){.ui-button{ padding-bottom: 7px;}}	
	.ui-button-active{
		background-position: 0 -37px;
	}
	
	.ui-form-select{
		background: #fff;
	}
		.ui-form-select select{
			font-size: 14px;
			float: left;
			margin: 6px 0 0 0;
			border: 0;
		}
	
	/* ui-message */
	.ui-message{
		color:#999;
		font-size:12px;
		height: 33px;
		line-height: 31px;
		padding: 0 10px 0 30px;
		overflow: hidden;
		color: #666;
		border: 1px solid #fff;		
		background-repeat: no-repeat;
		background-position: 8px 8px;
		background-color: #fff;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;		
		float: left;
	}
	.ui-message-clear{
		clear: both;
		float: none;
		padding: 3px 0 0 140px;
		line-height: 18px;
		height: auto;
	}
		.onShow{		
			background-image: url(../images/valid/onShow.gif);
		}
		.onFocus{
			border-color: #cdd9f5;
			background-image: url(../images/valid/onFocus.gif);
		   background-color:#E9F0FF; 
		}
		.onError{
			color: #c00;
			border-color: #f3dbcb;
			background-image: url(../images/valid/onError.gif);
			background-color:#FFF2E9; 
		}
		.onCorrect{
			color: #080;
			border-color: #cdefd0;
			background-image: url(../images/valid/onCorrect.gif);
			background-color:#E9FFEB; 
		}
		.onLoad{
			 background-image: url(../images/valid/onLoad.gif);
			 background-position: 6px 7px;
		}
		
	/* ui-message-fixed */
	.ui-message-fixed{
		position: absolute;
	}	 
	
	.ui-check{
		float: left; 
		margin: 0 10px 0 0;
		font-size: 14px;
		cursor: pointer;
	}
	.ui-check input{ 
		float: left; 
		margin: 12px 5px 0 0; 
		*margin: 6px 3px 0 -3px;
		_margin: 6px 0 0 -3px;
		cursor: pointer;
	}
	#validate-code img{
		width: 180px;
		height: 50px;
		float: left; 
		display: block;
		overflow: hidden;
		margin: 0 10px 0 0;
		vertical-align: top;
		cursor: pointer;
	}
	.validate-code-btn{
		clear: both;
		line-height: 18px;
		padding: 5px 0 0 0;
	}
	
	.ui-form-app{
		width: 100%;
		overflow: hidden;
		clear: both;
		padding: 15px 0 0 0;
		border-top: 1px dotted #d7d7d7;
	}
		.ui-form-app img{ 
			display: block;
			float: left;
			margin: 0 10px 0 0;
		}
	
/* width style */	
.w40{width: 40px;}
.w50{width: 50px;}
.w100{width: 100px;}
.w110{width: 110px;}
.w130{width: 130px;}
.w220{width: 220px;}
.w250{width: 250px;}
.w300{width: 300px;}
.w320{width: 320px;}
.w350{width: 350px;}
.w370{width: 370px;}
.w400{width: 400px;}
.w455{width: 455px;}
.w650{width: 650px;}
.w670{width: 670px;}
.w870{width: 870px;}
.w900{width: 900px;}
	
	
/* ui-link */	
.ui-link-cnt{ margin-right:-10px;_margin-right:-20px;}	
.ui-link{
	display: block;
	height: 28px;
	line-height: 26px;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	font-size: 12px;
	padding: 0 12px;
	font-weight: bold;
	color: #666;
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid #ccc;
	background: url(../images/ui-link.gif) 0 0 repeat-x;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;		
}	
.ui-link:hover{
	text-decoration: none;
	border-color:#18c2c8;
	background-position: 0 -28px;
}
	.ui-link span.icon,
	.ui-link em.icon{
		display: block;
		width: 15px;
		height: 15px;
		overflow: hidden;
		float: left;
		margin: 5px 2px 0 0;
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	.ui-link span.write{background-image: url(../images/write.gif);}
	.ui-link span.del{background-image: url(../images/trash.gif);}
	.ui-link span.set{background-image: url(../images/set.gif);}
	.ui-link span.add{background-image: url(../images/a-home.gif);}
	
.ui-link-small{
	height: 23px;
	line-height: 21px;
	*line-height: 23px;
	_line-height: 21px;
	font-weight: 400;
	padding: 0 8px;
}	

	
/* form-bar */
.form-bar{
	width: 360px;
	text-align: center;
	margin: 25px 0 0 0;
	border-left: 1px dotted #ccc;
}	
			
/* log-box */
.log-box .caption h2{
	width: 130px;
	height: 20px;
	margin-top: 11px;
	overflow: hidden;
	background: url(../images/sub-tt.png) no-repeat;
}	
.log-box .caption span{ float: right;}
.log-box a{ color: #e12160;}	

.log-box .content{padding: 15px;overflow: hidden;}

/* reg-box */
#reg-box .caption h2{ background-position: 0 -40px;}
#reg-box .caption h3{ font-weight: 700; color: #e12160; }
#login-box .caption h2{ background-position: 0 -60px;}
#getpw-box .caption h2{ background-position: 0 -80px;}

/* reg-agreement */
.reg-agreement{padding: 10px;line-height: 22px;}
.reg-agreement .h3{font-weight: 700;font-size: 14px;}
.reg-agreement .h4{font-weight: 700;font-size: 12px; margin-top: 10px;}
.reg-agreement p{ padding: 5px 0;}
.reg-agreement .p1{ text-indent: 24px;}
.reg-agreement .p2{ padding-left: 24px;}

/* playBox */
.playBox,
.silderBox{
	padding: 10px 0;
	overflow: hidden;
	margin: 0 0 10px 0;
	background: #000;
}
.playBox{
	background: #333;
}
/* play */
#play{
	width: 960px;
	overflow: hidden;
	margin: 0 auto;
}
/* player */
#player{
	width: 660px;
	float: left;
	overflow: hidden;
}

.hd{
	width:659px;
	height:26px;
	line-height: 24px;
	border: 1px solid #222;
	background: #111;
}
#playppvod{
	width: 260px;
	height: 26px;
	line-height: 26px;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	color: #fff;
}
.prev-next{
	text-align: right;
}
.prev-next a{
	width: 80px;
	display: inline-block;
	height: 26px;
	padding: 0 0 0 2px;
	overflow: hidden;
	text-align: center;
	border-left: 1px solid #202020;
	color:#6D6D6D;
}
.prev-next a:hover{
	color: #fff;
	text-decoration: none;
	background: #000;
}
.open-close{
	width: 200px;
	font-weight: bold;
	text-align: left;
	text-indent: 23px;
	border-right: 1px solid #202020;
}
.open-close a:hover{
	color: #fff;
	text-decoration: none;
}


#player-union{
	width: 300px;
	float: right;
	overflow: hidden;
	margin: -3px 0 0 0;
}
	#player-union .player-union{
		width: 300px;
		height: 250px;
		display: block;
		margin: 0px 0 0 0;
	}
.playbox-bottom{
	width: 960px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}
/* play-bottom-union */
#play-bottom-union{padding-top:0px;width: 960px; margin: 0 auto; }
#play-bottom-union,
#play-bottom-union img{width: 960px; display: block;overflow: hidden;}

/* copyright-notice */
.copyright-notice{
	width: 940px;
	color: #666;
	padding: 15px;
	margin: 0 auto;
	background: #222;
}

/* silderBox */
.silderBox{margin-top: -1px;}
.ui-silder{
	width: 960px;
	height: 338px;
	overflow: hidden;
	position: relative;
}
	/* ui-silder-tip */
	.ui-silder-tip{
		width: 92px;
		height: 92px;
		overflow: hidden;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 99;	
		background: url(../images/tip-tt.gif) no-repeat;
	}
	#tv-silder-tip{background-position: 0 0;}
	#movie-silder-tip{background-position: -93px 0;}
	#variety-silder-tip{background-position: -186px 0;}
	#cartoon-silder-tip{background-position: -279px 0;}
	
	/* ui-silder-cnt */
	.ui-silder-cnt{
		height:270px;
		overflow: hidden;
		position: absolute;
	}
	/* ui-silder-panel */
	.ui-silder-panel{
		width:960px;
		height:270px;
		overflow: hidden;
		float: left;
		position: relative;
		background: #111;
	}
		.ui-silder-panel img{
			width: 690px;
			height: 270px;
			display: block;
			overflow: hidden;
		}
		.ui-silder-intro{
			width: 210px;
			height: 270px;
			line-height: 20px;
			overflow: hidden;
			color: #999;
			padding: 0 40px 0 0;
		}
			/* H3 */
			.ui-silder-intro h3{
				padding: 10px 0;
				height: 60px;
				line-height: 30px;
				overflow: hidden;
			}
			.ui-silder-intro h3 strong{
				font-family: "Microsoft Yahei";
				font-size: 26px;
				height: 30px;
				overflow: hidden;
				font-weight: normal;
				display: block;
			}
				.ui-silder-intro h3 strong a{ color: #fff;}
				
			/* UL */	
			.ui-silder-intro ul{height: 60px;overflow: hidden;}	
			.ui-silder-intro li{height: 20px;overflow: hidden;}				
			.ui-silder-intro span{ margin: 0 10px 0 0;}
			
			.ui-silder-intro p{height: 60px;overflow: hidden;}
		
			/* ui-silder-play */
			.ui-silder-play{
				display: block;
				width: 136px;
				height: 30px;
				overflow: hidden;
				text-indent: -999px;
				position: absolute;
				bottom: 23px;
				right: 45px;
				background: url(../images/silder-play.png) 0 -30px no-repeat;
			}	
			.ui-silder-play:hover{ background-position: 0 0;}
	/* ui-silder-nav */		
	.ui-silder-nav{
		width: 960px;
		height: 58px;
		margin: 0 auto;
		bottom: 0;
		position: absolute;
		overflow: hidden;
	}
		.ui-silder-nav li{
			float: left;
			padding: 2px;
			border: 3px solid #000;
		}
		.ui-silder-nav li.current{
			border-color: #19c2c8;
		}
		.ui-silder-nav li,
		.ui-silder-nav img{
			display: block;
			width: 110px;
			height: 48px;
			overflow: hidden;
		}
		
	/* .ui-silder */
	.ui-silder a.prev,
	.ui-silder a.next{
		display: block;
		width: 45px;
		height: 100px;
		overflow: hidden;
		text-indent: -999px;
		position: absolute;
		cursor: pointer;
		margin: 85px 0 0 0;
		background: url(../images/ui-silder-btn.png) no-repeat;
	}	
	.ui-silder a.prev{left: 0;background-position: left 0;}
	.ui-silder a.next{right: 0;background-position: right 0;}

/* cntBox */
.cntBox{width: 690px;overflow: hidden;}
.cntBox .conBox{width: 690px; height: auto;padding-bottom: 8px;}
.cntBox .boot{width: 690px;background: url(../images/shadow2.gif) 0 0 no-repeat;}
.cntBox .box{width: 686px;}
.cntBox .conBox .box .content{padding: 0 8px 3px 8px;}	
.cntBox .conBox .caption h2{
	width: 100px;
	height: 20px;
	overflow: hidden;
	margin: 11px 0 0 0;
	background: url(../images/tv-tt.png) no-repeat;
}
#movie-cntBox .conBox .caption h2{
	background-image: url(../images/movie-tt.png);
}
	#tv-cn .caption h2{background-position: 0 -45px; }
	#tv-hk .caption h2{background-position: 0 -65px; }
	#tv-kr .caption h2{background-position: 0 -85px; }
	#tv-tc .caption h2{background-position: 0 -105px; }
	#tv-jp .caption h2{background-position: 0 -125px; }
	#tv-us .caption h2{background-position: 0 -145px; }
	#tv-th .caption h2{background-position: 0 -165px; }
	#tv-os .caption h2{background-position: 0 -185px; }
	
	#movie-action .caption h2{background-position: 0 -45px; }
	#movie-drama .caption h2{background-position: 0 -65px; }
	#movie-comedy .caption h2{background-position: 0 -85px; }
	#movie-romance .caption h2{background-position: 0 -105px; }
	#movie-horror .caption h2{background-position: 0 -125px; }
	#movie-fiction .caption h2{background-position: 0 -145px; }
	#movie-war .caption h2{background-position: 0 -165px; }
	#movie-documentary .caption h2{background-position: 0 -185px; }
	
	
.conBox .caption span{float: right; font-size: 12px;}
.conBox .caption span a{ color: #666; }
.conBox .caption span a:hover{ color: #e12160; }

.cntBox .pic-list{width: 690px;padding: 0;margin-top: 13px;}
.cntBox .pic-list li{ height: 174px;}

/* cntBar */
.cntBar{width: 260px;overflow: hidden;}
.cntBar .boot{width: 260px;background: url(../images/shadow2.gif) right 0 no-repeat;}
.cntBar .box{width: 256px;}
.cntBar .box .content{padding: 0 12px 5px 12px;}	
.cntBar .sideRow{padding-bottom: 0px;}
.cntBar .sideRow .caption,
.list-cata-top .caption{
	height: 43px;
	line-height: 41px;
	overflow: hidden;
	margin: 0 12px;
	border-bottom: 1px solid #eee;
}
	.cntBar .sideRow .caption span{float: right; font-size: 12px;}
	.cntBar .sideRow .caption span a{ color: #666; }
	.cntBar .sideRow .caption span a:hover{ color: #e12160; }
	.cntBar .sideRow .caption h3,
	.list-cata-top .caption h3{
		height: 20px;
		width: 100px;
		margin: 11px 0 0 0;
		background: url(../images/tv-tt.png) no-repeat;
	}
			#tv-top-lasted .caption h3{background-position: 0 -205px; }			
			#tv-top-hot .caption h3{background-position: 0 -225px; }			
			#tv-top-praise .caption h3{background-position: 0 -245px; }			
			#tv-topic .caption h3{background-position: 0 -265px; }			
			#tv-forecast .caption h3{background-position: 0 -285px; }	
			#tv-top-lz .caption h3{background-position: 0 -305px; }			
			#tv-top-wj .caption h3{background-position: 0 -325px; }					
			
/* ul-topic */
.ul-topic{
	overflow: hidden;
	clear: both;
} 	
	.ul-topic li{
		height: 68px;
		overflow: hidden;
		padding: 15px 0;
		border-bottom: 1px dotted #dfdfdf;
	}	
		.ul-topic .play-pic,
		.ul-fc .play-pic{width:128px;height: 68px; float: left; margin: 0 10px 0 0;}
		.ul-topic .play-pic img,
		.ul-fc .play-pic img{width: 120px;height: 60px;}
		
		.ul-topic h5{
			font-size: 14px;
			overflow: hidden;
			height: 20px;
			line-height: 20px;
		} 
		.ul-topic p{
			color: #999;
			overflow: hidden;
			height: 18px;
			line-height: 18px;
			margin: 3px 0 5px 0;
		} 
		.ul-topic .go-topic{
			display: block;
			width: 70px;
			height: 23px;
			line-height: 23px;
			text-indent: 7px;
			overflow: hidden;
			color: #e12160;
			background: url(../images/go-topic.gif) 0 0 no-repeat;
		}
		.ul-topic .go-topic:hover{
			text-decoration: none;
			background-position: 0 -23px;
		}			
		
/* ul-fc */
.ul-fc{
	width: 248px;
	overflow: hidden;
	clear: both;
	margin: 2PX 0 6px 0;
}
	.ul-fc li{
		width: 108px;
		height: 99px;
		overflow: hidden;
		text-align: center;
		float: left;
		padding: 0 2px;
		margin: 10px 8px 0 0;
	}
	.ul-fc .play-pic{float: none; margin: 0 0 5px 0;}		
	
/* tv-row-ad */
#tv-row-ad .box{
	width: 250px;
	height: 250px;
	overflow: hidden;
	padding: 4px;
}	

/* list-cata-top */
.list-cata-top{width: 233px;overflow: hidden;padding: 0 10px;}	
.list-cata-top .caption{margin: 0;}

/* comment */

/* ui-tab */
#comment .ui-tab-nav-box{
	height: 48px;
	margin: 0 15px;
	_overflow: hidden; 
	border-bottom: 1px solid #eee;
}
	/* ui-tab-nav */
	#comment .ui-tab-nav{
		overflow: hidden;
		padding: 0 2px 0 0;
	}
		#comment .ui-tab-nav li{
			overflow: hidden;
			height: 35px;
			line-height: 35px;
			font-size: 14px;
			text-align: center;
			font-weight: bold;
			cursor: pointer;
			float: left;
			margin: 12px -1px 0 0;
			border: 1px solid #e5e5e5;
			background: #fcfcfc;
		}	
		#comment .ui-tab-nav li.active{
			color: #e12160;
			position: relative;
			border-bottom: 1px solid #fff;
			background: #fff;
		}
		#comment .ui-tab-nav li a{
			display: block;
			padding: 0 25px;
		}
		#comment .ui-tab-nav li a:hover{
			text-decoration: none;
		}
	#comment .ui-tab-item{display: none;}
	#comment .ui-tab-item-current{display: block;}

/* cmt-input-bd */
#cmt-input-bd .ui-form-info{
	margin: 0;
	padding: 5px 0;
	background: #fcfcfc;
}
#cmt-input-bd .ui-form-area{height: 72px;padding: 8px;;}
#cmt-input-bd .ui-form-area .ui-textarea{height: 72px;}
	
#comment .ui-tab-box{padding: 0 0 30px 0;}
#comment .ui-form{padding: 30px 30px 0 30px;}
#comment .ui-form-item{margin: 0;}
#comment .ui-form-info .ui-label{ padding: 0 10px 0 0;}

#cmt-input-tip .ui-form-field,
#review-input-link .ui-form-field{
	display: block;
	line-height: 33px;
	float: none;
	margin: 0;
}
#comment .sortBox{
	width: 875px;
	margin: 10px 30px 0 30px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;		
}
#mcommform .ui-textarea,
#mcommform .ui-form-area{ height: 50px;}
#mcommform .ui-link-cnt{padding-top: 5px;float: right;}

	
/* replongform */
#replongform{width: 300px;padding: 15px;overflow: hidden;}
#replongform .ui-link-cnt{padding-top: 5px;}
#replongform .ui-link-cnt .ui-link{float: right;}

/* comment-list */
.comment-list{margin: 0 30px;}	
.comment-list .kong{padding: 10px 0 2px 0; text-align: center;}	

/* ui-comment-box */
.ui-comment-box{
	width: 896px;
	padding-bottom: 5px;
	margin: 15px 30px 0 30px;
	overflow: hidden;
}

/* ui-comment */
.ui-comment{
	width: 896px;
	margin: -15px 0 0 0;
	overflow: hidden;
	background: url(../images/bg-cmt-time.gif) -100px 15px repeat-y;
}
.ui-comment .kong{ margin-top: 15px; background: #fff;}

/* cmt-post */
.cmt-post{
	width: 896px;
	padding: 15px 0 0 0;
	overflow: hidden;
}
	/* cmt-time */
	.cmt-time{
		width: 52px;
		overflow: hidden;
		float: left;
	}	
		.cmt-time .date-time{
			width: 52px;
			height: 48px;
			overflow: hidden;
			line-height: 24px;
			background: url(../images/bg-cmt-time.gif) 41px 0 no-repeat;
		}
		.cmt-time .date-time span{
			display: block;
			color: #999;
			line-height: 14px;
			text-align: left;
			width: 50px;
			margin-top: 9px;
			font-weight: bold;
			font-family: Arial, Helvetica, sans-serif;
		}
		
	/* cmt-post-self */	
	.cmt-post-self{
		width: 833px;
		overflow: hidden;
		float: right;
	}
		/* cmt-post-arrow */
		.cmt-post-arrow{
			width: 10px;
			height: 15px;
			overflow: hidden;
			margin-top: 17px;
			float: left;
			position: relative;
			background: url(../images/cmt-post-arrow.gif) 0 0 no-repeat;
		}
		
		/* cmt-post-cnt */
		.cmt-post-cnt{
			width: 802px;
			overflow: hidden;
			float: right;
			padding: 10px;
			margin-left: -1px;
			border: 1px solid #e3e3e3;
			background: #f2f2f2;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;	
		}
			/* cmt-avatar */
			.cmt-avatar{
				width: 50px;
				float: left;
				overflow: hidden;
			}
				.cmt-avatar img{
					display: block;
					width: 50px;
					height: 50px;
					overflow: hidden;
					
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					border-radius: 5px;	
				}
		
			/* cmt-body */
			.cmt-body{		
				width: 740px;
				overflow: hidden;
				float: right;
			}		
				/* cmt-txt */
				.cmt-txt{
					line-height: 25px;
					font-size: 14px;
  					word-wrap: break-word;
				}
					.cmt-user,
					.cmt-txt a{color: #e12160;}
					.cmt-txt em{ margin-right: 5px;}
					
				
				/* cmt-ft */
				.cmt-ft{
					height: 14px;
					line-height: 14px;
					overflow: hidden;
					margin-top: 10px;
					padding-right: 4px;
				}
					.cmt-ft a{color: #999;}
					.cmt-ft a:hover{color: #e12160;}
					.cmt-ft span a{margin-right: 10px;}
			
				/* cmt-replay */	
				.cmt-replay{
					width: 740px;
					margin-top: 5px;
					overflow: hidden;
				}
					/* .cmt-replay */
					.cmt-replay-arrow{
						width: 17px;
						height: 10px;
						overflow: hidden;
						position: relative;
						margin: 0 0 0 716px;
						background: url(../images/cmt-post-arrow.gif) -10px 0 no-repeat;
					}
					.cmt-forward .cmt-replay-arrow{
						margin: 0 0 0 15px;
					}
					
					/* cmt-post-cnt */
					.cmt-replay-cnt{
						width: 718px;
						overflow: hidden;
						padding: 10px;
						margin-top: -1px;
						border: 1px solid #e3e3e3;
						background: #fbfbfb;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
						border-radius: 5px;	
					}
					.cmt-replay .ui-link-cnt{ 
						width: 718px;
						height: 30px;
						line-height: 30px;
						overflow: hidden;
						padding: 0;
						margin: 0;
					}	
						.cmt-replay .ui-form-area{background: url(../images/input-active.gif) 0 0 repeat-x #fff;}
						.cmt-replay .ui-textarea{line-height: 18px;}
						.cmt-replay .ui-link-cnt p{ float: left;} 
						.cmt-replay .ui-link-cnt .ui-link{ float: right; margin: 0;} 
		
	
	/* comment-avatar */
	.comment-avatar{
		width: 60px;
		float: left;
		text-align: center;
	}
		.comment-avatar .avatar{
			display: block;
			width: 60px;
			height: 60px;
			overflow: hidden;
			margin: 0 0 3px 0;
			
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;	
			
		}	
			.comment-avatar img{
				display: block;
				width: 48px;
				height: 48px;
				overflow: hidden;			
				padding: 5px;
				border: 1px solid #ddd;
				background: #fff;
				
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				border-radius: 5px;	
			}
	
	/* 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;	
	
}		


/* specail-list */
.specail-list{
	width: 916px;
	overflow: hidden;
	clear: both;
}	
	.specail-list li{
		width:209px;
		float: left;
		overflow: hidden; 
		padding: 20px 10px;
		background: url(../images/line.gif) 0 bottom repeat-x;
	}
	
	.specail-list .play-pic{width: 208px;height: 108px; float: left; margin-right: 10px;}
	.specail-list .play-pic img{width: 200px;height: 100px;}
	.specail-list .play-pic .bg{width:200px;}
	.specail-list .play-pic .time{width:180px; text-align: center; padding: 0; margin: 0 10px;}

	.specail-list h5{ 
		font-size: 14px; 
		font-weight: bold;
	}
	.specail-list p{
		height: 24px;
		line-height: 24px;
		overflow: hidden;
		color: #333;
	}
	.specail-list p a.more{
		color: #e13160;
		padding-right: 8px;
		margin-left: 10px;
		background: url(../images/a3.gif) right 6px no-repeat;
	}
	
/* specail-page */
#specail-page{
	background: #000;
}
#specail-page .specail-focus{
	width: 960px;
	height: 300px;
	overflow: hidden;
	position: relative;
}		
	/* specail-banner */
	.specail-banner,
	.specail-banner img{
		display: block;
		width: 960px;
		height: 300px;
		overflow: hidden;
	}	
	
	/* specail-desc */
	.specail-desc{
		width: 286px;
		height: 243px;
		overflow: hidden;
		position: absolute;
		top: 27px;
		right: 25px;
		background: url(../images/specail-focus.png) 0 0 no-repeat;
	}	
		.specail-desc-cnt{
			width: 260px;
			height: 220px;
			color: #fff;
			padding: 9px 13px;
			overflow: hidden;
		}
		.specail-desc h2{
			height: 35px;
			line-height: 24px;
			font-weight: bold;
			font-size: 20px;
			color: #fff;
			font-family: "Microsoft Yahei";
			overflow: hidden;
			border-bottom: 1px solid #eee;
		}
		.specail-desc h2 a,
		.specail-desc h2 a:hover{ color: #fff;}
		.specail-desc p{
			line-height: 22px;
			text-indent: 24px;
			padding: 8px 0;
		}
		
/* sitemap */
.sitemap-item{
	margin: 0 18px;
	padding: 0 0 19px 0;
	overflow: hidden;
	font-size: 14px;
}
	/* H2 */
	.sitemap-item h2{
		width: 920px;
		height: 40px;
		line-height: 40px;
		overflow: hidden;
		font-size: 16px;
		font-weight: bold;
		font-family: "Microsoft Yahei";
		background: url(../images/line.gif) 0 bottom repeat-x;
	}
	/* sitemap-list */
	.sitemap-list{
		width: 920px;
		line-height: 24px;
		overflow: hidden;
		padding: 19px 0;
		border-bottom: 1px solid #eee;
	}
		.sitemap-list dt{
			float: left;
			width: 75px;
			overflow: hidden;
			font-weight: bold;
			color: #e12160;
		}
		.sitemap-list dd{
			float: right;
			width: 845px;
			overflow: hidden;
			
		}
		.sitemap-list li{
			width: 167px;
			float: left;
		}	
		
/* ui-sponsor */
/* ui-sponsor */
.ui-sponsor{ margin-top: -7px; padding: 0 0 3px 0;}
.ui-sponsor-top{margin-top: 3px; padding: 0; margin-bottom: -5px;}	
.ui-sponsor img{display: block;margin: 0 auto;}
.ui-sponsor950 .box{width: 950px;padding: 4px;}	

/* play-hel */
#play-help .box{border-color: #390;}
#play-help .play-help-item{
	padding: 5px 18px 18px 18px;
}
	#play-help .play-help-item h3{
		display: inline;
		background: #fff;
		line-height: 30px;
		padding: 0 10px;
		font-size: 14px;
		color: #390;
		font-weight: bold;
		position: relative;
		margin: 0 0 0 10px;
	}
	#play-help .play-help-item ul{
		display: block;
		overflow: hidden;
		color: #333;
		line-height: 22px;
		padding: 15px 0 10px 0;
		border: 1px solid #ddd;
		backgrounds: #eafde0;
		margin-top: -15px;
		
	}
		#play-help .play-help-item li{
			padding: 3px 18px 3px 33px;
			background: url(../images/dot.gif) 20px 11px no-repeat;
		}
		#play-help .play-help-item li.skills{
			border-top: 1px solid #ddd;
			margin-top: 10px;
			padding-top: 10px;
			background-position: 20px 18px;
		}
		#play-help .play-help-item li label{ color: #390;}
		#play-help .play-help-item li a{ color: #e12160;}

/* movie-tips */
#movie-tips{
	width: auto;
	margin: 0 0 5px 0;
	color: #8e840c;
	padding: 8px 10px;
	border: 1px solid #e6db55;
	background: #fffbcc;
}	
	#movie-tips .bd{ color: #080;}
	#movie-tips .hd{ color: #f00;}
	#movie-tips .ts{ color: #333;}	
	#movie-tips .yellow{
		color: #00f;
	}
	#movie-tips a{ color: #e12160;}	
	#movie-tips .line{
		border-bottom: 1px solid #e6db55;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	
/* autocomplete */	
.acInput {
	width: 200px;
}

.acResults {
	width: 390px;
	padding: 3px;
	margin-left: -1px;
	border: 1px solid #18c2c8;
	background-color: #fff;
	overflow: hidden;
	z-index: 9;
}

.acResults ul {
	margin: 0px;
	padding: 0px;
	list-style-position: outside;
	list-style: none;	
}

.acResults ul li {
	margin: 0px;
	height: 30px;
	line-height: 30px;	
	cursor: pointer;
	display: block;
	font-size: 12px;
	overflow: hidden;
	border-bottom: 1px solid #cef0f1;
}
.acResults ul li strong{
	color: #e12160;
}
.acResults ul li a{
	display: block;
	padding: 0 5px;
}
.acResults ul li a:hover{
	color: #333;
	text-decoration: none;
}

.acLoading {
	background : url('indicator.gif') right center no-repeat;
}

.acSelect {
	background: #a8e3e5;
	color: #fff;
}
	
	
/* water-fall */
#water-fall{width: 960px;}	

/* ui-waterfall */	
.ui-waterfall{
	width: 232px;
	border: 1px solid #ddd;
	background: #fff;	
	float: left;
	margin: 8px 8px 0 0;
	box-shadow: 0 1px 3px #eee;
}	
.ui-waterfall:hover{
	border-color: #ccc;
	box-shadow: 0 1px 3px #ddd;
}		
	/* fall-img */
	.ui-waterfall .fall-img{		
		width: 210px;
		height: 280px;
		overflow: hidden;
		padding: 11px 11px 0 11px;
		position: relative;
	}
		.ui-waterfall .fall-img img{
			display: block;
			width: 210px;
			overflow: hidden;
			background:url(../images/lazyload.gif) no-repeat scroll center center transparent;
		}
		
	/* fall-ing-bg */	
	.fall-ing-bg{
		width: 210px;
		height: 24px;
		display: block;
		overflow: hidden;
		background: #000;
		position: absolute;
		left: 11px;
		bottom: 0;
		filter:alpha(opacity=50);
		opacity: 0.5;
		z-index: 9;
	}
	.fall-ing-txt{
		width: 200px;
		height: 24px;
		line-height: 24px;
		display: block;
		overflow: hidden;
		font-size: 12px;
		position: absolute;
		left: 11px;
		bottom: 0;
		padding: 0 5px;
		text-align: right;
		z-index: 11;				
		color: #fff;
		white-space:nowrap; 
	}	
		
	/* fall-desc */
	.ui-waterfall .fall-desc{
		width: 210px;
		line-height: 18px;
		overflow: hidden;
		padding: 7px 11px;
		color: #999;
	}
		.ui-waterfall .fall-desc p{}
	
		/* fall-action */
		.fall-action{
			width: 144px;
			height: 26px;
			top: 16px;
			left: 16px;
			position: absolute;
			display: none;
		}	
			.fall-action .ks-btn{
				display: block;
				width: 69px;
				height: 26px;
				line-height: 26px;
				overflow: hidden;
				text-align: left;
				color: #fff;
				text-indent: 30px;
				margin: 0;
				background: url(../images/koushui.gif) no-repeat;
			}	
			@-moz-document url-prefix(){.fall-action .ks-btn{line-height: 23px;}}	
			.fall-action .ks-btn:hover{color: #fff;}
			.fall-action .ks-fav{background-position: 0 0;float: left;}	
			.fall-action .ks-rss{background-position: -69px 0; float: right;}	
			.fall-action .ks-fav-ed{background-position: 0 -26px; color: #888; text-indent: 26px;}	
			.fall-action .ks-rss-ed{background-position: -69px -26px; color: #888;text-indent: 26px;}	
			.fall-action .ks-fav-ed:hover,
			.fall-action .ks-rss-ed:hover{color: #666;}
		
		
	/* fall-desc */
	.ui-waterfall .fall-comment{		
		width: 232px;
		overflow: hidden;
		color: #999;
		border-top: 1px solid #ddd;
		background: #f9f9f9;
	}	
		.fall-comment .viewmore{
			width: 220px;
	   	font-size: 12px;
			padding: 4px 6px 8px 6px;
			text-align: center;
			overflow: hidden;
			border-top: 1px solid #fff;
		}
		.fall-comment li{
		 	width: 220px;
	   	font-size: 12px;
			padding: 4px 6px 6px 6px;
			*float: left;
			*clear: both;
			overflow: hidden;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #ddd;
		}
			.fall-comment li img{
				display: block;
				width: 30px;
				height: 30px;
				overflow: hidden;
				float: left;	
				margin-top: 2px;
				border-radius: 3px;	
			}
			.fall-comment li p{
				width: 183px;
				overflow: hidden;
				float: right;	
			}
			.fall-comment li p span,
			.fall-comment li p a{ color: #e12160;}
		
/* 404 Page */			
#page-error{
	width: 690px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 20px;
}
	/* page-error-img */
	#page-error-img{
		width: 584px;
		height: 310px;
		overflow: hidden;
		margin: 0 auto;
		padding: 0 53px;
		text-align: center;
		border-bottom: 1px solid #e0e0e0;
	}		
		#page-error-img h1{
			width: 584px;	
			height: 150px;
			margin: 25px auto;
			margin-bottom: 30px;
			overflow: hidden;
			text-indent: -999px;
			background: url(../images/404.png) 0 0 no-repeat;
		}
		#page-error-img p{
			height: 25px;
			overflow: hidden;
			margin: 20px 0 0 0;
		}	
			#page-error-img p span,
			#page-error-img p label{
				height: 25px;
				overflow: hidden;
				display: inline-block;				
				background: url(../images/404.png) 0 0 no-repeat;
			}
			#page-error-img p span#tip,
			#page-error-img p label,
			#page-error-img p span a{
				text-indent: -999px;
				_font-size: 0;
				_line-height: 0;
				_text-indent: 0;
			}
			#page-error-img p span#tip{
				width: 584px;		
				display: block;	
				background-position: 0 -193px;
			}
			#page-error-img p span#gbook{
				width: 122px;			
				background-position: -113px -244px;
			}
			#page-error-img p span#go-back{
				width: 177px;			
				background-position: -296px -244px;
			}
			#page-error-img p label{
				width: 60px;			
				background-position: -236px -244px;
			}
				#page-error-img p span a{
					display: block;
					height: 100%;
					width: 100%;
					overflow: hidden;
				}
				
	/* page-error-txt */
	#page-error-txt{
		width: 690px;
		overflow: hidden;
		border-top: 1px solid #fff;
	}			
		/* search */
		#page-error-search{
			width: 496px;
			margin: 0 auto;
			margin-top: 20px;
		}
		/* page-error-list */
		#page-error-list{
			width: 690px;
			margin-top: 5px;
			overflow: hidden;
		}		
			#page-error-list .txt-list{
				width: 720px;
			}
			
			
/* ui-personal */
#ui-personal{
	width: 958px;
	border: 1px solid #ddd;
	background: url(../images/pro-line.gif) 0 0 repeat-y #fff;
}			

/* personal-nav */
.personal-nav{
	width: 746px;
	height: 36px;
	overflow: hidden;
	margin-top: 12px;
	border: 1px solid #18c2c8;
	background: #21cad0;
	border-radius: 2px;
}	
	.personal-nav ul{
		overflow: hidden;
		height: 36px;
	}
	.personal-nav li{
		float: left;
		height: 36px;
		font-size: 14px;
		text-align: center;
	}
		.personal-nav a{
			display: inline-block;
			height: 36px;
			line-height: 34px;
			overflow: hidden;
			padding: 0 23px;
			font-weight: bold;
			color: #fff;
		}
		.personal-nav a:hover,
		.personal-nav li.current a{
			color: #fff;
			text-decoration: none; 
			background-color: #06b1b7;
		}
		.personal-nav a:hover{
			background: #14bcc2;
		}
			

/* personal-bar */
#personal-bar{
	width: 210px;
	overflow: hidden;
	background: #eee;
}
	/* personal-info */
	.personal-info{
		width: 170px;
		margin: 20px;
		overflow: hidden;
	}
		.personal-info .avatar{
			display: block;
			width: 160px;
			height: 160px;
			overflow: hidden;
			padding: 1px;
			margin: 0 auto;
			border: 1px solid #ddd;
			background: #fff;
		}
		.personal-info ol{
			width: 210px;
			border-bottom: 1px dotted #ccc;
			overflow: hidden;
			clear: both;
			padding: 10px 0;
		}	
			.personal-info ol li{
				float: left;
				height: 50px;
				overflow: hidden;
				padding: 0 10px;
			}
			.personal-info ol li.line {
				height: 35px;
				margin-top: 7px;
				padding: 0;
				width: 1px;
				background: #d7d7d7;
			}
			.personal-info ol li a{
			    font-size: 16px;
				 color: #e12160;
			}
			
	/* personal-visitors */
	.personal-visitors{
		width: 170px;
		margin: 20px;
		overflow: hidden;
	}		
		.personal-visitors h3{
			font-weight: bold;
			color: #333;
		}
		.personal-visitors ul{
			overflow: hidden;
			margin-top: 3px;
		}
			.personal-visitors li{
				width: 210px;
				*float: left;
				*clear: both;
				line-height: 20px;
				overflow: hidden;
				padding: 6px 0;
				color: #999;
			}
				.personal-visitors img{
					display: block;
					width: 50px;
					height: 50px;
					float: left;
					margin-right: 10px;
					overflow: hidden;
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
					border-radius: 3px;	
				}
				.personal-visitors h5{margin-top: 3px; }
				.personal-visitors h5 a{ color: #e12160; }
				
/* personal-box */
#personal-box{
	width: 747px;
	overflow: hidden;
}		
	/* personal-intro */
	.personal-intro{
		overflow: hidden;
		padding: 10px 30px 20px 30px;
	}
		.personal-intro h5{
			font-size: 16px;
			font-family: "Microsoft Yahei";
			color: #333;
			padding: 7px 0;
		}
		.personal-intro h5 a{
			font-size: 12px;
			color:#e12160;
			font-weight: normal;
			margin-left: 10px;
			font-family: Tahoma;
		}
		.personal-intro h5 span{ float: right;}
		.personal-intro li{
			font-size: 12px;
			color: #666;
			line-height: 22px;
			*line-height: 20px;
			font-size: 12px;
		}
		.personal-intro li span{
			padding: 0 0 0 18px;
			display: inline-block;
			background: url(../images/infos.gif) no-repeat;
		}
			.personal-intro li span.sex{ background-position: 0 0; width: 70px;}
			.personal-intro li span.birthday{ background-position: 0 -20px; width: 110px;}
			.personal-intro li span.address{ background-position: 0 -40px;}
			.personal-intro li span.regtime{ background-position: 0 -100px; width: 201px;}
			.personal-intro li span.lastlogin{ background-position: 0 -120px;} 
			.personal-intro li span label{ color: #666;}
		
	#personal-box h2{
		font-size: 14px;
		font-weight: bold;
		color: #333;
		padding: 9px 30px;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		background: #f0f0f0;
	}
	.personal-cnt{
		padding: 15px 10px 30px 10px;
	}
		.personal-cnt .pic-list{
			padding: 15px 0 0 0;
			margin: 0;
			overflow: hidden;
		}		
			.personal-cnt .pic-list li{
				width: 145px;
				height: 185px;
			}
			.personal-cnt .ui-page{
				padding: 0 20px;
				margin-top: 10px;
			} 
			#user-comment-cnt .ui-page{ padding: 0 10px;}
			
/* user-comment */		
.user-comment li{
	width: 707px;
	padding: 10px;
}	
	/* cmt-post-self */	
	.user-comment .cmt-post-self{width: 650px;margin: 0;}
	.user-comment .cmt-post-cnt{width: 619px;padding: 8px 10px 10px 10px;}
	.user-comment .cmt-body{width: 619px;float: none;}		
	.user-comment .cmt-txt span{ color: #999; margin: 0 3px;}
	.user-comment .cmt-txt .cmt-user{ color: #e12160;}
	.user-comment .cmt-replay{width: 619px;}
	.user-comment .cmt-replay-arrow{margin: 0 0 0 595px;}
	.user-comment .cmt-replay-cnt{width: 597px;}
	.user-comment .cmt-replay .ui-link-cnt{width: 597px;}	
