.nav{ height: 38px; width: 985px; position:relative; }
.navBg{ height: 38px; width: 985px; position: absolute; left: 0; top: 0; z-index: -1;}
.navBgLeft{ height: 38px; width: 5px; background: url(../images/indexbg.png) 0 -556px;}
.navBgRight{ height: 38px; width: 5px; background: url(../images/indexbg.png) -6px -556px;}
.navBgCenter{ height: 38px; width: 975px; background:url(../images/videoiconbg.png) 0 -361px repeat-x;}
.navListLeft{ height: 38px; }
.navListLeft li{ float: left; padding: 0 1px 0 0; background: url(../images/navbg.png) no-repeat right;}
.navListLeft li a{ color: #e4e4e6; display: block;font-size: 14px; }
.navListLeft li.indexLi a{display: block; text-align: center; width: 60px; height: 38px; line-height: 38px; background: url(../images/indexbg.png) -12px -556px;}
.navListLeft li.indexLi a:hover{ background-position: -72px -556px;}
.navListLeft li.indexLi.checked a{background-position: -132px -556px;  font-weight: bold;}
.navListLeft li.indexLi:hover a,.navListLeft li.indexLi.indexChecked a{color: #fff;}
.navListLeft li.freeLi{ position: relative; border-top: 1px solid #35393e; border-bottom: 1px solid #35393e; height: 36px; line-height: 36px;}
.navListLeft li.freeLi .channelName{ padding: 0 10px;}
.navListLeft li.freeLi:hover .channelName{ border-bottom: 1px solid #393e49; background: #393e49;}
.navListLeft li.freeLi.checked .channelName{background: #2b313f; font-weight: bold;}
.navListLeft li.freeLi .navHot{ position: absolute; display: block; width: 18px; height: 17px; background: url(../images/freehot.png) no-repeat 0 0; top: -5px;right: 1px}
.navListLeft li.freeLi .bottleFlag{ position: absolute;width: 376px; height: 192px; top: 20px; left: -40px; z-index: 11; background: url(../images/bottleflag.png) no-repeat; cursor: pointer;}
.navListLeft li.freeLi .bottleFlag .closeBottle{ width: 7px; height: 7px; background: green; display: block; cursor: pointer; position: absolute;  right: 100px;top: 52px; background: url(../images/bottleclose.png) 0 0px;}
.navListLeft li.freeLi .radarFlag{ position: absolute;width: 377px; height: 164px; top: 38px; background: red; z-index: 11; background: url(../images/radarflag.png) no-repeat; cursor: pointer;}
.navListLeft li.freeLi .radarFlag .closeRadar{ width: 16px; height: 16px; background: green; display: block; cursor: pointer; position: absolute;  right: 12px;top: 17px; background: url(../images/videoiconbg.png) 0 -507px;}
.navListLeft li.freeLi .radarFlag .closeRadar:hover{ background-position: 0 -523px;}

.head{ width:985px; height:96px;}
.headTop{ height:60px; width:451px; margin: 22px 0px 0px 0px;}
.headTop a{ display:block; width: 451px; height: 60px; background:url(../images/head-01.png) 0 0px;}
.headTel{
	height:38px;
	width:297px;
	margin: 43px 0px 0px 0px;
}
.headTel a{ display:block; width: 287px; height: 38px; background:url(../images/head-02.png) 0 0px;}
.gonggao{PADDING-BOTTOM: 5px; PADDING-TOP: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 5px; height:15px; width:970px; background:url(../images/ggbg.jpg) no-repeat;}
.hdp{ height:230px; width:985px; padding:8px 0;}


.mainLeft {
	BORDER-TOP: #d6d6d6 1px solid; HEIGHT: 100%; BORDER-RIGHT: #d6d6d6 1px solid; BACKGROUND: #f0f0f0; BORDER-BOTTOM: #d6d6d6 1px solid; BORDER-LEFT: #d6d6d6 1px solid; WIDTH: 248px
}
.mainLeft UL {
	WIDTH: 248px
}
.mainLeft UL .type {
	CURSOR: default; HEIGHT: 30px; PADDING-BOTTOM: 0px; PADDING-TOP: 10px; PADDING-LEFT: 13px; PADDING-RIGHT: 0px
}
.mainLeft UL .type SPAN {
	HEIGHT: 17px; BACKGROUND: url(../images/topiconbg.png) no-repeat 0px -181px; DISPLAY: block; WIDTH: 150px
}
.mainLeft UL LI {
	CURSOR: pointer; HEIGHT: 40px; BACKGROUND: url(../images/toplibg.png); POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 13px; PADDING-RIGHT: 0px
}
.mainLeft UL LI .selectBg {
	CURSOR: pointer; HEIGHT: 44px; POSITION: absolute; LEFT: 0px; DISPLAY: block; TOP: -1px; WIDTH: 254px
}
.mainLeft UL LI .selectBg SPAN {
	CURSOR: pointer; HEIGHT: 23px; BACKGROUND: url(../images/topiconbg.png) no-repeat 0px 0px; FLOAT: left; MARGIN: 10px 13px 0px; DISPLAY: inline-block; WIDTH: 23px
}
.mainLeft UL LI .selectBg B {
	CURSOR: pointer; FONT-SIZE: 14px; HEIGHT: 36px; FLOAT: left; MARGIN: 4px 0px 0px; DISPLAY: block; LINE-HEIGHT: 36px
}
.mainLeft UL LI .selectBg .ptylist {
	BACKGROUND-POSITION: 0px -61px
}
.mainLeft UL LI .selectBg .tvIcon {
	BACKGROUND-POSITION: 0px -84px
}
.mainLeft UL LI .selectBg .cartoonIcon {
	BACKGROUND-POSITION: 0px -107px
}
.mainLeft UL LI .selectBg .artsIcon {
	BACKGROUND-POSITION: 0px -130px
}
.mainLeft UL LI:hover .selectBg B {
	CURSOR: pointer; HEIGHT: 36px; FLOAT: left; COLOR: #3187ee; MARGIN: 4px 0px 0px; DISPLAY: block; LINE-HEIGHT: 36px
}
.mainLeft UL LI:hover .selectBg .ptylist {
	BACKGROUND-POSITION: -23px -61px
}
.mainLeft UL LI:hover .selectBg .tvIcon {
	BACKGROUND-POSITION: -23px -84px
}
.mainLeft UL LI:hover .selectBg .cartoonIcon {
	BACKGROUND-POSITION: -23px -107px
}
.mainLeft UL LI:hover .selectBg .artsIcon {
	BACKGROUND-POSITION: -23px -130px
}
.mainLeft UL LI.liSelect .selectBg {
	BACKGROUND: url(../images/topiconbg.png) no-repeat 0px -17px
}
.mainLeft UL LI.liSelect .selectBg B {
	CURSOR: pointer; HEIGHT: 36px; FLOAT: left; FONT-WEIGHT: 600; COLOR: #fff; MARGIN: 4px 0px 0px; DISPLAY: block; LINE-HEIGHT: 36px
}
.mainLeft UL LI.liSelect .selectBg .ptylist {
	BACKGROUND-POSITION: -46px -61px
}
.mainLeft UL LI.liSelect .selectBg .tvIcon {
	BACKGROUND-POSITION: -46px -84px
}
.mainLeft UL LI.liSelect .selectBg .cartoonIcon {
	BACKGROUND-POSITION: -46px -107px
}
.mainLeft UL LI.liSelect .selectBg .artsIcon {
	BACKGROUND-POSITION: -46px -130px
}
.mainTopRightContent{ height:423px; width:235px; margin:0px 0 0 14px; overflow:hidden;}
.mainTopRightContent ul{ height:430px;  width:235px; margin:-1px 0 0 0;}
.mainTopRightContent ul li{ height:32px; border-top:1px dotted #dedede; width:218px; padding: 10px 0 0 0;}
.mainTopRightContent ul li a{ display:block; height:27px; width:218px;}
.mainTopRightContent ul li a .topNewsNums{ width:20px; display:block; height:17px; margin:4px 16px 0 1px; float:left;background:url(../images/videonumbg.png);}
.mainTopRightContent ul li a .topNewsNums0{ background:url(../images/sort_file.gif);}
.mainTopRightContent ul li a .topNewsNums1{ background-position:0 0;}
.mainTopRightContent ul li a .topNewsNums2{ background-position:-42px -18px;}
.mainTopRightContent ul li a .topNewsNums3{ background-position:-42px -36px}
.mainTopRightContent ul li a .topNewsNums4{ background-position:-21px -54px;}
.mainTopRightContent ul li a .topNewsNums5{ background-position:-21px -72px;}
.mainTopRightContent ul li a .topNewsNums6{ background-position:-21px -90px;}
.mainTopRightContent ul li a .topNewsNums7{ background-position:-21px -108px;}
.mainTopRightContent ul li a .topNewsNums8{ background-position:-21px -126px;}
.mainTopRightContent ul li a .topNewsNums9{ background-position:-21px -144px;}
.mainTopRightContent ul li a .topNewsNums10{ background-position:-21px -162px;}
.mainTopRightContent ul li a label{ display:block; height:27px; line-height:27px; color:#333333; width:180px; float:left; cursor:pointer;}
.mainTopRightContent ul li a:hover label{ color:#3187ee;}
.mainTopRightContent ul li a em{ width:52px; text-align:right; height:27px; line-height:27px; display:block; float:left;}
.mainTopRightContent ul li a i{ width:7px; height:8px; display:block; float:left; margin:9px 0 0 7px; background:url(../images/topiconbg.png) no-repeat;}
.mainTopRightContent ul li a i.topNewsNumsAdd{ background-position:0 -153px;}
.mainTopRightContent ul li a i.topNewsNumsReduce{ background-position:-7px -153px;}
.mainTopRightContent ul li a i.topNewsNumsNochange{ background-position:-14px -153px;}