
/* Links */
a:link, a:visited{color:#333; text-decoration:none;  }
a:hover{color:#DB2523; text-decoration:none; }
a:active{color:#333; text-decoration:none; }

/* Common Style */
$font:"Microsoft Yahei", Verdana, Tahoma, Arial;
ul, ol, li{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* Layout */
body{
	font-family: $font;
}
#header{
	height: 60px;
	background: #F6F6F6;
	padding:0 15px;
	margin-bottom: 15px;
	position: relative;
	-moz-box-shadow: rgba(0,0,0,.3) 0 1px 6px;
	-webkit-box-shadow: rgba(0,0,0,.3) 0 1px 6px;
	box-shadow: rgba(0,0,0,.3) 0 1px 6px;
	.logo{
		padding-top: 6px;
	}
	.tools{
		width:150px;
		span{
			padding:1% 7%;
			text-align: center;
			.icon{
				font-size: 24px;
				display: block;
			}
		}
		.cur{
			background: #FFF;
			border-right:1px solid #DDD;
			border-left:1px solid #DDD;
		}
		.menu{
			.menu-cont{
				position: absolute;
				z-index:2100;
				top:57px;
				left:0;
				background: rgba(255,255,255,0.9);
				width:100%;
				padding:10px;
				border-bottom: 2px solid #CCC;
				ul{
					overflow: hidden;
					li{
						float:left;
						a{
							display: block;
							float:left;
							margin: 10px;
							&:hover{
								text-decoration: underline;
								color:#f60;
							}
						}
					}
				}
			}
		}
	}
}
#mainbody{
	.search{
		position: relative;
		.txt-search{
			height: 35px;
			border: 1px solid #CCC;
			width: 96%;
			padding:0 1%;
			-webkit-border-radius:0;
			border-radius:0;
		}
		.btn-search{
			position: absolute;
			top:0;
			right:0;
			margin-right:5px;
			background: #2A8ADF;
			color:#FFF;
			border: none;
			cursor:pointer;
			padding:0 15px;
			height: 35px;
			-webkit-border-radius:0;
			border-radius:0;
		}
	}
	.nav{
		margin: 10px 0;
		overflow: auto;
		ul{
			height: 42px;
			line-height: 42px;
			border-bottom: 3px solid #e6e6e6;
			white-space: nowrap;
			width:580px;
			li{
				float: left;
			    line-height: 20px;
			    margin-right: 20px;
			    position: relative;
			    top: 3px;
			    white-space: nowrap;
			    a{
				    display: block;
				    font-size: 16px;
				    padding: 8px 0;
			    }
			    .cur{
					border-bottom: 3px solid #06a7e1;
					color: #3399e0;
					text-decoration: none;
			    }
			}
		}
	}
}

#footer{
	.copyrigh{
		background: #F9F9F9;
		padding-top: 15px;
		border-top: 1px solid #DDD;
		text-align: center;
	}
}

/* Mode */
.column-title{
	margin-top: -20px;
	margin-bottom: 10px;
	h2{
		font-size: 1.8em;
	}
	span{
		padding-top: 20px;
	}
}
.main-video{
	dl{
		dt{
			position: relative;
			span{
				position: absolute;
				right:5px;
				bottom:12px;
				color:#E1E1E1;
			}
		}
		dd{
			position: relative;
			z-index:100;
			margin-top: -88px;
			padding:5px 10px;
			background: rgba(0,0,0,0.3);
			color: #EEE;
			a{
				font-size: 1.4em;
				color: #FFF;
			}
		}
	}
}


.video-item{
	dl{
		background: #F3F3F3;
		border-bottom: 2px solid #DDD;
		dt{
			position: relative;
			span{
				position: absolute;
				left:10px;
				bottom:10px;
				color:#E1E1E1;
			}
		}
		dd{
			padding:0 10px;
			p{
				font-size: 16px;
				span{
					font-size: 14px;
					color: #666;
					i{
						font-size: 16px;
						padding-right: 2px;
					}
				}
			}
		}	
	}
}

/* Layout */
.col-xs-6, .col-xs-12{
	padding-left:5px;
	padding-right:5px;
}


/* Video Detail */
.btn-link{
	display:inline-block;
	width:50px;
	height: 26px;
	line-height: 23px;
	background: #1C98E7;
	color:#FFF !important;
	text-align: center;
	margin-right: 15px;
	border: 1px solid #007ED1;
	border-radius:3px;
}
.video-container{
	margin-top: -15px;
}
.video-share{
	background: #EFEFEF;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #DDD;
	color: #007ED1;
	padding-left: 10px;
	.icon{
		font-size: 28px;
		padding: 0 6px;
	}
}
.player{
	position: relative;
	.p-title{
		position: absolute;
		top:0;
		width:100%;
		padding:10px;
		background: rgba(0,0,0,0.5);
		color:#EEE;
	}
	.icon-play{
		top:50%;
		left:50%;
		position: absolute;
		font-size: 100px;
		margin-top: -60px;
		margin-left:-50px;
		color: #DDD;
		z-index:100;
	}
}
.tab{
	margin: 15px; 
	width:100%;
	.tab-title {
		ul{
			width:250px;
			margin: 0 auto;
			
		overflow: hidden;
		zoom:1;
			li{
				float:left;
				a{
					display: block;
					float:left;
					font-size: 16px;
					padding:8px 20px;
					border-bottom: 3px solid #DDD;
					margin:2px;
					color: #666;
				}
				.selected{
					color:#000;
					border-bottom: 3px solid #1C98E7;		
					font-weight: bold;			
				}
			}
		}
	}
	.tab-cont{
		margin:10px 0;
		padding: 0 30px 15px 0;
		overflow: hidden;
		.series{
			padding-left: 10px;
			li{
				float:left;
				display:inline;
				a{
					float:left;
					display:block;
					width:65px;
					height:65px;
					line-height: 65px;
					background: #DDD;
					font-size: 24px;
					color: #333;
					text-align: center;
					border-left: 1px solid #FFF;
					border-right: 1px solid #C0C0C0;
					border-top: 1px solid #FFF;		
					border-bottom: 1px solid #C0C0C0;	
				}
				.cur{
					background: #06A7E1;
					color:#FFF;
				}
			}
		}
		.comment{
			p{
				height: 30px;
				line-height: 30px;
				color: #999;
			}
			dl{
				overflow: hidden;
				border-bottom: 1px dotted #DDD;
				padding-bottom:10px;
				color: #333;
				a{
					color:#1C98E7;
				}
				dt{
					margin-bottom: 5px;
				}
				dd{
					padding-right: 10px;
					margin-top: 5px;
				}
				.info{
					color: #999;
					font-size: 12px;
				}
			}
		}
	}
}

/* Search Page */

.result-info{
	margin-top: 15px;
	margin-bottom: 10px;
	overflow: hidden;
	strong{
		color: #D94545;
	}
}

.result-list{
	dl{
		overflow: hidden;
		zoom:1;
		padding-bottom:10px;
		margin-bottom: 10px;
		border-bottom: 1px dotted #DDD;
		dt{
			width: 120px;
			float: left;
			position: relative;
			span{
				position: absolute;
				bottom:0;
				display: block;
				height: 20px;
				line-height: 20px;
				background: rgba(0,0,0,0.5);
				width:100%;
				color: #DDD;
				padding:0 5px;
				font-weight: normal;
				font-size: 12px;
			}
		}
		dd{
			margin-left: 130px;
			a{
				color: #0066CC;
				font-size: 14px;
				font-weight: bold;
				span{
					color: #D94545;
				}
			}
			p{
				margin-bottom: 3px;
				b{
					font-size: 12px;
					color: #999;
					font-weight: normal;
					padding-right: 10px;
				}
			}
		}
	}
}











