/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
html, body {
  height: 100%; /* Required */
}
html{color:#333;background: #1a1a1a;}
body
{
	background: #1a1a1a;
	color: #333;
	font: 12px SimSun, Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif, SimHei;
	line-height:18px;
}
.clr{clear:both;}
.inner-left{float:left;display:inline;}
.inner-right{float:right;display:inline;}
a{color:#333;cursor:pointer;}
a:link, a:visited {text-decoration: none;}
a:hover, a:active {text-decoration: underline;}
a:focus {outline: 1px dotted invert;}


/*news img style with 1px border and 1px padding*/
.pic {display:block;border:1px solid #ccc;padding:1px}
	.pic:link,.pic:visited{border-color:#ccc;}
	.pic:hover,.pic:active,.pic:focus{border-color:#aaa;}
/*when the img's size is not 4:3*/
.pic div {display:block; overflow:hidden}




.blue,.blue a{color:#369;}
.red,.red a{color:#b42323;}
.gray3{color:#333;}
.gray6{color:#666;}
.gray9{color:#999;}
.bd{
	position:relative;
	clear:both;
	border:0 solid #aeaeae;
	border-width:2px 0;
	background-color:#fff;
	padding-bottom:15px;
	z-index:2;
}
.bd:after{content:".";display:block;height:0;clear:both;visibility:hidden;font: 1px/0px serif;}
.bread-crumb{
	background:url(../img/bread-crumb-bg.gif) repeat-x 0 0;
	height:27px;
	line-height:27px;
	overflow:hidden;
}
.bread-crumb li{
	background:url(../img/bread-crumb-arrow.gif) no-repeat 100% 0;
	padding:0 22px 0 12px;
	float:left;
	display:inline;
	width:auto;
	white-space:nowrap;
}
a.more{
	float:right;
	display:inline;
}
.container_1{clear:both;border:1px solid #ddd;}
.container_1 .inner{padding:5px 9px;}
.grid_5 a.more:link,
.grid_5 a.more:visited,
.grid_5 a.more:hover,
.grid_5 a.more:active,
.grid_5 a.more:focus{color:#fff;}
.grid_11 h2{
	clear:both;
	color:#444;
	background-color:#f4f4f4;
	padding:0 10px;
	height:24px;
	line-height:24px;
	overflow:hidden;
}
.grid_5 h2{
	clear:both;
	color:#fff;
	background:url(../img/title-bg.gif) repeat-x 0 0;
	padding:0 10px;
	height:24px;
	line-height:24px;
	overflow:hidden;
}
.vodList{clear:both;}
.vodList li{
	clear:both;
	display:block;
	height:79px;
	margin:5px 0;
}
.vodList li:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.vodList li a.pic{
	float:left;
	display:inline;
	width:130px;
	height:75px;
	overflow:hidden;
	padding:1px;
	margin-right:9px;
}
.vodList li a.tit{
	font-weight:bold;
	line-height:16px;
}
.vodList li .txt p{color:#999;margin:3px 0;line-height:18px;}
.txtList{clear:both;display:block;}
.txtList li{
	clear:both;
	display:block;
	height:24px;
	line-height:24px;
	white-space:nowrap;
	overflow:hidden;
	background:url(../img/icon-play.gif) no-repeat 0 50%;
	padding-left:18px;
}
.txtList li a{color:#369;}

/*20090512 added header&footer styleŁ¬edited by ybyt*/
html,body{height: 100%;}
.hd {
	clear:both;
	background: url(../img/top-bg.gif) repeat-x 0 0;
	height:120px;
	overflow:hidden;
}
.hd input,
.hd ul,
.hd ul li{float:left;display:inline;}
.hd .top:after,
.hd:after{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}
.hd .login a:link,
.hd .login a:visited{color:#ccc;white-space:nowrap;}
.hd .login a:hover,
.hd .login a:active,
.hd .login a:focus{color:#fff;white-space:nowrap;}
.hd .top{background:url(../img/top-hl.gif) no-repeat 0 0;height:80px;overflow:hidden;}
.hd .top a.logo{
	float:left;
	display:inline;
	background:url(../img/logo-bbtv.jpg) no-repeat 0 0;
	width:294px;
	height:64px;
	overflow:hidden;
	margin:11px 0 0 24px;
}
#radio .hd .top a.logo { background-position:0px -64px}
.hd .topmenu{
	float:left;
	display:inline;
	width:165px;
	height:32px;
	overflow:hidden;
	background:url(../img/top_menu_bg.gif) no-repeat 0 0;
	margin:19px 0 0 21px;
	padding:4px;
}
.hd .topmenu li{
	width:82px;
	height:32px;
	overflow:hidden;
}
.hd .topmenu li a{
	display:block;
	background:url(../img/icon-menu1.gif) no-repeat;
	width:82px;
	height:32px;
	line-height:32px;
	text-indent:46px;
	cursor:pointer
}
.hd .topmenu li.tv a:link,
.hd .topmenu li.tv a:visited{background-position:0 1px;color:#ddd;}
.hd .topmenu li.tv a:hover{background-position:0 -39px;text-decoration:none;color:#fff;}
.hd .topmenu li.tv a.crt {background-position:0 -39px;text-decoration:none;color:#fff;}
.hd .topmenu li.tv a:active {background-position:0 1px;color:#ddd;}
.hd .topmenu li.radio{float:right;}
.hd .topmenu li.radio a:link,
.hd .topmenu li.radio a:visited {background-position:-83px 1px;color:#ddd;}
.hd .topmenu li.radio a:hover {background-position:-83px -39px;text-decoration:none;color:#fff;}
#radio .hd .topmenu li.radio a.crt {background-position:-83px -39px;text-decoration:none;color:#fff;}
.hd .topmenu li.radio a:active {background-position:-83px 1px;text-decoration:none;color:#ddd;}
.hd .login,
.hd .search{
	float:right;display:inline;
	overflow:hidden;
}
.hd .search .inputCtx {
	border:none;
	background:url(../img/search-bg.gif) no-repeat 0 0;
	width:135px;
	height:14px;
	padding:4px 5px 4px 26px;
	float:left
	}
.hd .search .inputCtx input { border:none; background:none; z-index:999}



.hd .menu{
	background:url(../img/menu-bg.gif) repeat-x 0 0;
	height:40px;
	overflow:hidden;
	color:#d6dbde;
}
.hd .inner-right{
	width:2px;
	height:40px;
	overflow:hidden;
	background:url(../img/vline.gif) no-repeat 100% 0;
}
.hd .login{
	width:auto;
	color:#ddd;
	padding:10px 10px 0 0;
	height:32px;
	line-height:32px;
}
.hd .login .line{width:6px;overflow:hidden;margin:0 7px 0 5px;}
.hd .search{
	width:256px;
	height:31px;
	background:url(../img/menu-07.gif) no-repeat 0 0;
	padding:9px 0 0 10px;
}

.hd .search input.searchipt{
	border:none;
	background:url(../img/search-bg.gif) no-repeat 0 0;
	width:135px;
	height:14px;
	padding:4px 5px 4px 26px;
}
.hd .search input.btn-submit{
	border:none;
	background:url(../img/btn-4.gif) no-repeat 0 0;
	display:block;
	color:#fff;
	cursor:pointer;
	width:59px;
	height:19px;
	line-height:19px;
	margin:2px 0 0 12px;
}
.hd .search input.btn-submit:hover{background-position:0 -19px;}
.hd .search input.btn-submit:active{background-position:0 -38px;}
.menu .inner-left{width:680px;}
.menuList{background:url(../img/menu-top.jpg) no-repeat 2px 0;}
.menuList li{
	width:95px;
	height:36px;
	background:url(../img/vline2.gif) no-repeat 0 -4px;
	text-align:center;
	padding-left:2px;
	margin-top:4px;
	position:relative
}
.menuList li em{display:block;width:95px;height:5px; position:absolute; left:0px; bottom:5px; font-size:0px}
.tv_menu .menuList li em{
	background:url(../img/tv_menu.gif) no-repeat;
}
.tv_menu .menuList .menu01 em{background-position:24px 0%;}
.tv_menu .menuList .menu02 em{background-position:-75px 0%;}
.tv_menu .menuList .menu03 em{background-position:-170px 0%;}
.tv_menu .menuList .menu04 em{background-position:-267px 0%;}
.tv_menu .menuList .menu05 em{background-position:-364px 0%;}
.tv_menu .menuList .menu06 em{background-position:-461px 0%;}
#radio .tv_menu .menuList .menu02 em{background-position:-75px 100%;}
#radio .tv_menu .menuList .menu03 em{background-position:-170px 100%;}


.menuList li.blank{margin:0;}
.menuList li.blank span{
	display:block;
	background:url(../img/menu-07.gif) no-repeat;
	height:40px;
	width:96px;
}
.menuList li a{
	display:block;
	color:#ddd;
	font-size:14px;
	height:36px;
	line-height:27px;
	text-decoration:none;
	background:url(../img/bg_main_menu.jpg) repeat-x;
	
}
.menuList li a,.menuList li a:link {color:#eee; background-position:0px -36px}
.menuList li a.crt,.menuList li a.crt:link {background-position:0px 0px}
.menuList li a.crt:visited {background-position:0px 0px}
.menuList li a:visited{color:#eee; background-position:0px -36px}
.menuList li a:hover,.menuList li a.crt:hover {background-position:0px -72px; text-decoration:none}
.menuList li a:active,.menuList li a.crt:active {background-position:0px -108px}


/*.menuList li.active a:link,
.menuList li.active a:visited,
.menuList li a:focus{background:url(../img/menu-activebg.gif) repeat-x 0 -4px;color:#fff;text-decoration:none;}*/
.ft{
	position:relative;
	color:#868686;
	/*background:#000 url(../img/ft_bg.jpg) repeat-y center 0;*/
	background-color:#1a1a1a;
	text-align:center;
	padding:9px 0;
	width:100%;
	z-index:1;
}
.ft .container_16{position:relative;}
.ft a.logo{
	width:99px;
	height:43px;
	background:url(../img/logo-smgbb.gif) no-repeat 0 0;
	position:absolute;
	top:0; left:735px;
}

.ft .ft-txt{}
.linkList{clear:both;}
.linkList li{
	display:inline;
	line-height:27px;
	white-space:nowrap;
}
.linkList li a:link,
.linkList li a:visited{color:#868686;white-space:nowrap;}
.linkList li a:hover,
.linkList li a:focus,
.linkList li a:active{color:#ddd;white-space:nowrap;}
.ft p{clear:both;line-height:21px;}
#frmFoot{
	width:960px;
	position:static;
}