/* 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 */
ul, ol, li { margin: 0; padding: 0; list-style-type: none; }

/* Layout */
body { font-family: "Microsoft Yahei", Verdana, Tahoma, Arial; }

#header { height: 50px; background: #F6F6F6; padding: 0 15px; margin-bottom: 0px; position: relative; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 6px; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 6px; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 6px; }
#header .logo { padding-top: 6px; }
#header .tools { width: 55%; }
#header .tools span { padding: 0.7% 1.5%; text-align: center; }
#header .tools span .icon { font-size: 24px; display: block; }
#header .tools .cur { background: #FFF; border-right: 1px solid #DDD; border-left: 1px solid #DDD; }
#header .tools .menu .menu-cont { position: absolute; z-index: 2100; top: 50px; left: 0; background: rgba(255, 255, 255, 0.9); width: 100%; padding: 10px; border-bottom: 2px solid #CCC; }
#header .tools .menu .menu-cont ul { overflow: hidden; }
#header .tools .menu .menu-cont ul li { float: left; }
#header .tools .menu .menu-cont ul li a { display: block; float: left; margin: 10px; }
#header .tools .menu .menu-cont ul li a:hover { text-decoration: underline; color: #f60; }

#mainbody .search { position: relative; }
#mainbody .search .txt-search { height: 35px; border: 1px solid #CCC; width: 96%; padding: 0 1%; -webkit-border-radius: 0; border-radius: 0; }
#mainbody .search .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; }
#mainbody .nav { margin: 10px 0; overflow: auto; }
#mainbody .nav ul { height: 42px; line-height: 42px; border-bottom: 3px solid #e6e6e6; white-space: nowrap; width: 580px; }
#mainbody .nav ul li { float: left; line-height: 20px; margin-right: 20px; position: relative; top: 3px; white-space: nowrap; }
#mainbody .nav ul li a { display: block; font-size: 16px; padding: 8px 0; }
#mainbody .nav ul li .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; }
.column-title h2 { font-size: 1.8em; }
.column-title span { padding-top: 10px; }

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

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

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

/* 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; }
.video-share .icon { font-size: 28px; padding: 0 6px; }

.player { position: relative; }
.player .p-title { position: absolute; top: 0; width: 100%; padding: 10px; background: rgba(0, 0, 0, 0.5); color: #EEE; }
.player .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 .tab-title ul { width: 250px; margin: 0 auto; overflow: hidden; zoom: 1; }
.tab .tab-title ul li { float: left; }
.tab .tab-title ul li a { display: block; float: left; font-size: 16px; padding: 8px 20px; border-bottom: 3px solid #DDD; margin: 2px; color: #666; }
.tab .tab-title ul li .selected { color: #000; border-bottom: 3px solid #1C98E7; font-weight: bold; }
.tab .tab-cont { margin: 10px 0; padding: 0 30px 15px 0; overflow: hidden; }
.tab .tab-cont .series { padding-left: 10px; }
.tab .tab-cont .series li { float: left; display: inline; }
.tab .tab-cont .series li a { float: left; display: block; width: 50%; height: 50%; 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; }
.tab .tab-cont .series li .cur { background: #06A7E1; color: #FFF; }
.tab .tab-cont .comment p { height: 30px; line-height: 30px; color: #999; }
.tab .tab-cont .comment dl { overflow: hidden; border-bottom: 1px dotted #DDD; padding-bottom: 10px; color: #333; }
.tab .tab-cont .comment dl a { color: #1C98E7; }
.tab .tab-cont .comment dl dt { margin-bottom: 5px; }
.tab .tab-cont .comment dl dd { padding-right: 10px; margin-top: 5px; }
.tab .tab-cont .comment dl .info { color: #999; font-size: 12px; }

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

.result-list dl { overflow: hidden; zoom: 1; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #DDD; }
.result-list dl dt { width: 120px; float: left; position: relative; }
.result-list dl dt 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; }
.result-list dl dd { margin-left: 130px; }
.result-list dl dd a { color: #0066CC; font-size: 14px; font-weight: bold; }
.result-list dl dd a span { color: #D94545; }
.result-list dl dd p { margin-bottom: 3px; }
.result-list dl dd p b { font-size: 12px; color: #999; font-weight: normal; padding-right: 10px; }

/**start-copy-right**/
.copy-right {
	text-align: center;
}
.copy-right p {
	color:#000;
	font-size:1em;
	margin-top:5em;
	font-weight:600;
}
.copy-right p a {
	font-size:1em;
	font-weight:600;
	color:#669A16;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.copy-right a:hover{
	color:#000;
}
/**//end-copy-right**/
/*----start-responsive design-----*/
@media only screen and (max-width:1680px) and (min-width:1440px) {
	.main{
	width:70%;
	margin:6em auto 0;
	}
	.copy-right p {
		margin: 3.5em 0em;
	}
}
@media only screen and (max-width:1440px) and (min-width:1366px) {
	.main{
	width:80%;
	margin:6em auto 0;
	}
	.copy-right p {
	margin: 3.8em 0em;
	}
}
@media only screen and (max-width:1366px) and (min-width:1280px) {
	.main{
	width:82%;
	margin:6em auto 0;
	}
	.copy-right p {
	margin: 4em 0em;
	}
}
@media only screen and (max-width:1280px) and (min-width:1024px) {
	.main{
	width:89%;
	margin:5em auto 0;
	}
	.copy-right p {
	margin: 3.5em 0em;
	}
}
@media only screen and (max-width:1024px) and (min-width:768px) {
	.main{
	width:97%;
	margin:5em auto 0;
	}
	
	
	.copy-right p {
	margin: 3.5em 0em;
	}
}
@media only screen and (max-width:768px) and (min-width:640px) {
	.main{
	width:95%;
	margin:5em auto 0;
	}
	
	
	 .right-form {
	 	float:none;
	width:88%;
	text-align: center;
	}
	
	.main h2,.main h3{
	text-align:center;
	}
	
	.right-form li{
	margin-left:40px;
	}

	.main h4 {
	float:left;
	margin: 7px 36px;
	}
	.main h3{
	margin-top:-2em;
	}
	.right-form input[type=submit] {
	float: right;
	padding: 8px 19px;
	margin:2px 3px;
	}
	.copy-right p {
	margin: 3.5em 0em;
	}
}	
@media only screen and (max-width:640px) and (min-width:480px) {
	.main{
	width:95%;
	margin:5em auto 0;
	}

	
	 .right-form {
	 	float:none;
	width:88%;
	text-align: center;
	}
	
	.main h2,.main h3{
	text-align:center;
	}
	
	.right-form li{
	margin-left:16px;
	}
	
	.main h4 {
	float:left;
	margin: 7px 17px;
	}
	.right-form input[type=submit] {
	float: right;
	padding: 8px 19px;
	margin:2px 3px;
	}
	.copy-right p {
		margin: 3.5em 0em;
	}
}
@media only screen and (max-width:480px) and (min-width:320px) {
	.main{
	width:95%;
	margin:2em auto 0;
	}
	.main p{
	padding:16px 20px;
	}
	
	.left-form, .right-form{
	width:83%;
	float:none;
	text-align: center;
	}
	
	.main h2,.main h3{
	text-align:center;
	}
	
	.right-form li{
	margin-left:16px;
	}
	
	margin:9px 0px;
	}
	.main h4 {
	float:left;
	margin: 7px 17px;
	}
	.right-form input[type=submit] {
	float: right;
	padding: 8px 19px;
	margin:2px 3px;
	}
	.copy-right p {
	margin: 3em 0em;
	}
}	
@media only screen and (max-width:320px) and (min-width:240px) {
	.main{
	width:96%;
	margin:2em auto 0;
	}
	.main p{
	padding:16px 17px;
	}
	
	.left-form, .right-form{
	text-align: center;
	}
	
	.main h2,.main h3{
	text-align:center;
	}
	
	.right-form li{
	margin-left:-5px;
	}
	
	.main h4 {
	float:left;
	margin: 7px 17px;
	}
	.right-form input[type=submit] {
	float: right;
	padding: 8px 19px;
	margin:2px 3px;
	}
	.copy-right p {
		margin:2.5em 0em;
	}
	.icon{
	margin: 7px 5px 9px 0px;
	}
}
/*----//end-responsive design-----*/
