/* CSS注释说明开始- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@import url(index.css);
@import url(Channelindex.css);
@import url(list.css);
@import url(content.css);
/* - - - - - - - - - - - - - -- - -  - - - - - - - - --- - - - - - - - - - - - - -- - - - - - - - - - - - - - - - - -CSS注释说明结束 */


BODY {
	FONT-SIZE: 12px;  COLOR: #000; TEXT-ALIGN:left; padding:0px; margin:0px; background: #deebf3 url(bg.gif) repeat-x left top;
}


p { margin: 0; }
img { border: 0; margin: 0px; padding:0; }
UL {
	PADDING: 0px; MARGIN: 0px; LIST-STYLE-TYPE: none
}
LI {
	PADDING: 0px; MARGIN: 0px; LIST-STYLE-TYPE: none; text-align: left;
}

i {
	font-style : normal;
}
form, dl, dt, dd, h1, h2, h3, h4 { padding: 0; margin: 0; }
a:link {
	color: #356aa0;
	text-decoration: none;
}
a:hover {
	color: #7fb5ec;
	text-decoration: none;
}
a:active {
	color: #568dc4;
}
a:visited {
	color: #356aa0;
	text-decoration: none;
}
.cear { float: left; width: 100%; height: 5px; line-height: 5px;}
#cear { width: 100%; height: 1px; line-height: 1px;}

#wrap {
	width: 960px;
	margin: 0px auto;
	border-left: #fff 0px solid;
	border-right: #fff 0px solid;
	background: #fff;
	height:auto;
	background: #fff no-repeat center top;
	
}
#wrap .header {
	float: left;
	width: 960px;
	background: #397dad;
}
#wrap .header .top {
	float: left;
	width: 920px;
	height: 20px;
	padding: 10px 20px 0 20px;
	background: #eff7ff;
	color: #116fad;
}
#wrap .header .top span {
	float: right;
}
#wrap .header .top span.aoyun {
	width: 520px;
	text-align: center;
	color: #ff0000;
	position: absolute;
	z-index: 2;
	top: 59px;
	left: 220px;
}
#wrap .header .top a:link {
	color: #116fad;
}
#wrap .header .top a:hover {
	color: #6c6a6a;
}
#wrap .header .top a:active {
	color: #116fad;
}
#wrap .header .top a:visited {
	color: #116fad;
}

#wrap .header .logo {
	float: left;
	width: 225px;
	height: 75px;
	padding: 0;
	margin: 0;
}
#wrap .header .logo h2 {
	float: left;
	width: 225px;
	height: 75px;
	padding: 0;
	margin: 0;
	TEXT-INDENT: -10000px;
	background: url(logo.gif) no-repeat left 10px;
}
#wrap .header .logo h2 a {
	FLOAT: left;
	width: 225px;
	height: 75px;
	CURSOR: hand;
	padding: 0;
	margin: 0;
}
#wrap .header .logo h2 A:hover {
	FLOAT: left;
	CURSOR: hand;
	COLOR: #fff;
	TEXT-DECORATION: none
}
#wrap .header #banner {
	float: left;
	width: 468px;
	height: 60px;
	padding: 8px 5px 5px 5px;
}
#wrap .header #banright {
	width:226px;float:right;margin-top:10px;}
   
}

#ritbanner {clear:both;width:220px;overflow:hidden;zoom:1;}
#ritbanner ul {margin:20px 0 0px 0;float:right;}
#ritbanner li {float:left;width:100px;background:#3C72A5;height:22px;line-height:22px;border:1px solid #e7e7e7;font-weight:bold;letter-spacing:2px;margin:1px;padding:1px;text-align:center;display:inline;}
#ritbanner li.finally {display:none;}
*+html #ritbanner li.finally {position:absolute;clear:both;display:inline;height:0;border:0;margin:1px 0 0 0;}
#ritbanner li a {color:#fff;display:block;height:22px;line-height:22px;}
#ritbanner li a:hover {background:#3b97d3;text-decoration:none;color:#fff;}
#ritbanner li .distinct {background:#3b97d3;text-decoration:none;color:#fff;}
#wrap .header .menu {
	float: left;
	width: 960px;
	height: 32px;
	margin: 0px;
	font-size: 14px;
	background: url(menu_bg.gif) repeat-x left top;
}
#wrap .header .menu li {
	float: left;
	width: 10%;
	height: 22px;
	display:block; 
	padding-top: 10px;
	text-align: center;
}
#wrap .header .menu li a:link {
	color: #fff;
}
#wrap .header .menu li a:hover {
	color: #eaeaea;
	font-weight: bold;
}
#wrap .header .menu li a:active {
	color: #fff;
}
#wrap .header .menu li a:visited {
	color: #fff;
}

/*==用户登陆==*/
#login {
	BORDER-RIGHT: #000 1px solid;
	BORDER-TOP: #000 1px solid;
	Z-INDEX: 10;
	BACKGROUND: #fff;
	FILTER: alpha(opacity=85);
	LEFT: 35%;
	BORDER-LEFT: #000 1px solid;
	COLOR: white;
	BORDER-BOTTOM: #000 1px solid;
	POSITION: absolute;
	TOP: 250px;
	TEXT-ALIGN: center;
	moz-opacity: 0.9;
	opacity: 0.9
}
#login A {
	FLOAT: right;
	MARGIN-RIGHT: 3px
}
#wrap .header .user_nav {
	float: left;
	width: 960px;
	height: 30px;
	margin: 0px;
	z-index: -1;
	background: #fff url(user_nav_bg.gif) repeat-x left top;
}
#wrap .header .user_nav .user_left {
	float: left;
	width: 680px;
	
}
#wrap .header .user_nav .user_left li{
	border:0px;font-size:13px;height:16px;margin-left:0px;
	padding: 12px 0 0 0px;
}
a:link { color: #356aa0;} 
a:hover{ color: #036;  
}

#wrap .header .user_nav .user_left .user_login {
	float: left;
	font-size: 14px;
	padding: 5px 0 0 10px;
}
#wrap .header .user_nav .user_left .user_login a {
	color: #ff0000;
}
#wrap .header .user_nav .user_left .user_login a:hover {
	color: #fff;
	text-decoration: underline;
}
#wrap .header .user_nav .user_left .user_login #ismenuloginname,
#wrap .header .user_nav .user_left .user_login #ismenuusergroup,
#wrap .header .user_nav .user_left .user_login #ismenuuserclass {
	width: 50px;
	overflow: hidden;
	color: #ff0000;
}
#wrap .header .user_nav .user_right {
	float: left;
	width: 270px;
	padding: 5px 0 0 10px;
}

#wrap .header .user_nav .user_right li.a {
	background: url(user_nav_a.gif) no-repeat left 8px;
}
#wrap .header .user_nav .user_right li.b {
	background: url(user_nav_b.gif) no-repeat left 8px;
}
#wrap .header .user_nav .user_right li.c {
	background: url(user_nav_c.gif) no-repeat left 8px;
}

/*==用户登陆结束==*/


#wrap #midbanner {
	float: left;
	width: 944px;
	padding: 5px 8px 0 8px;
	background: #fff;
}

#wrap #centent {
	float: left;
	width: 944px;
	padding: 5px 8px 0 8px;
	background: #fff;
}

#wrap #centent .crumb {
	float: left;
	width: 910px;
	height: 20px;
	color: #096baa;
	border: #74accf 1px solid;
	padding: 8px 0 0px 32px;
	background: #ebf7ff url(crumb_bg.gif) no-repeat 15px 10px;
}
#wrap #centent .crumb ul {
	float: right;
}
#wrap #centent .crumb ul li {
	float: left;
	padding: 0 10px 0 0px;
}


#wrap #friendlink {
	width: 942px;
	padding: 0 8px 0 8px;
	background: #fff;
}
#wrap #friendlink ul {
	float: left;
	width: 942px;
	border-left: #74accf 1px solid;
	border-right: #74accf 1px solid;
	border-bottom: #74accf 1px solid;
	padding-bottom: 5px;
	background: #fff;
}
#wrap #friendlink .title {
	float: left;
	width: 942px;
	height: 25px;
	font-size: 14px;
	border: #74accf 1px solid;
	color: #356aa0;
	background: url(friendlink_bg.gif) repeat-x 0px top;
}
#wrap #friendlink .title strong {
	float: left;
	padding: 6px 0 0 10px;
}
#wrap #friendlink .title span {
	float: right;
	padding: 6px 10px 0 0;
}
#wrap #friendlink ul li {
	float: left;
	width: 10%;
	padding-top: 10px;
	text-align: center;
}

#wrap #copyright {
	float: left;
	width: 944px;
	padding: 0px 8px 5px 8px;
	background: #fff;
	color: #1c6ea0;
}
#wrap #copyright .link {
	float: left;
	width: 942px;
	height: 20px;
	overflow: hidden;
	text-align: center;
	padding-top: 10px;
	border: 1px #74accf solid;
	background: #deeef9;
}
#wrap #copyright .text {
	float: left;
	width: 944px;
	text-align: center;
	padding-top: 5px;
	line-height: 150%;
}


/*====公用部分CSS====*/
/*左右布局*/
#wrap #centent .leftBody {
	float: right;
	width: 639px;
	padding: 0px;
}
#wrap #centent .rightBody {
	float: left;
	width: 300px;
	padding: 0 5px 0 0;
}
#wrap #centent .leftBody .title {
	float: left;
	width: 305px;
	height: 25px;
	font-size: 14px;
	border: #74accf 1px solid;
	color: #356aa0;
	background: url(title_a.gif) repeat-x 0px top;
	padding-left: 8px;
}
#wrap #centent .leftBody .title strong {
	float: left;
	padding: 6px 10px 3px 10px;
	background: #fff;
	border-left: #74accf 1px solid;
	border-right: #74accf 1px solid;
}
#wrap #centent .leftBody .advtitle {
	float: left;
	width: 629px;
	height: 25px;
	font-size: 14px;
	border: #74accf 1px solid;
	color: #356aa0;
	background: url(title_a.gif) repeat-x 0px top;
	padding-left: 8px;
}
#wrap #centent .leftBody .mainParentListArea {
	float: left;
	margin: auto;
	margin-bottom: 3px;
	padding-top: 0;
	width: 640px;
}
#wrap #centent .leftBody .mainParentArea1 {
	float: left;
	margin: auto;
	margin-bottom: 3px;
	padding-top: 0;
	width: 314px;
}
#wrap #centent .leftBody .mainParentArea2 {
	float: left;
	margin: auto;
	margin-bottom: 3px;
	padding-top: 0;
        padding-left: 5px;
	width: 300px;
padding: 0px 0px 0px 10px;
}

/










#wrap #centent .leftBody .advtitle strong {
	float: left;
	padding: 6px 10px 3px 10px;
	background: #fff;
	border-left: #74accf 1px solid;
	border-right: #74accf 1px solid;
}
#wrap #centent .leftBody ul {
	float: left;
	width: 313px;
	border-left: #74accf 1px solid;
	border-right: #74accf 1px solid;
	border-bottom: #74accf 1px solid;

	line-height: 200%;
	letter-spacing: 1px;
}
#wrap #centent .leftBody li{ 
	list-style: square inside url(icon-jt.gif);
}

#wrap #centent .leftBody .page {
	float: left;
	width: 637px;
	height: 32px;
	background: #f7fbff;
	border: #74accf 1px solid;
	overflow: hidden;
}

#wrap #centent .rightBody .title {
	float: left;
	width: 290px;
	height: 25px;
	font-size: 14px;
	border: #74accf 1px solid;
	color: #356aa0;
	background: url(title_a.gif) repeat-x 0px top;
	padding-left: 8px;
}
#wrap #centent .rightBody .title strong {
	float: left;
	padding: 6px 10px 3px 10px;
	background: #fff;
	border-left: #74accf 1px solid;
	border-right: #74accf 1px solid;
}
#wrap #centent .rightBody ul {
	float: left;
	width: 288px;
	padding: 5px;
	line-height: 200%;
	letter-spacing: 1px;
	border-left: #74accf 1px solid;
	border-right: #74accf 1px solid;
	border-bottom: #74accf 1px solid;
}
/*WIDTH=300广告位*/
#wrap #centent .rightBody .ivy300, #wrap #centent .rightBody_down .ivy300 {
	float: left;
	width: 300px;
	overflow: hidden;
}
#wrap #centent .rightBody .righttad {
	float: left;
	width: 298px;
	height: 250px;
	border: #74accf 1px solid;
	overflow: hidden;
}
/*右侧相关列表*/
#wrap #centent .rightBody ul.correlation li {
	float: left;
	width: 270px;
	padding: 0 0 0 18px;
	background: url(bullet.gif) no-repeat 0px 8px;
	height: 23px;
	overflow: hidden;
}
/*右侧栏目导航*/
#wrap #centent .rightBody ul.RightCatalog li {
	float: left;
	width: 144px;
	text-align: center;
}
/*排行*/
#wrap #centent .rightBody ul.compositor li span {
	float: left;
	width: 24px;
	text-align: center;
	color: #fff;
	font-weight:bold;
	padding-right: 1px;
	background: url(number_blue.gif) no-repeat 1px 4px;
}
#wrap #centent .rightBody ul.compositor li span.list-icon1, 
#wrap #centent .rightBody ul.compositor li span.list-icon2, 
#wrap #centent .rightBody ul.compositor li span.list-icon3 {
	background: url(number_red.gif) no-repeat 1px 4px;
}

/*视频教程左右布局*/
#wrap #centent .leftBody_video {
	float: left;
	width: 639px;
	padding: 0px;
}
#wrap #centent .rightBody_video {
	float: right;
	width: 300px;
	padding: 0 0 0 5px;
}
#wrap #centent .leftBody_video .title {
	float: left;
	width: 629px;
	height: 25px;
	font-size: 14px;
	border: #74accf 1px solid;
	color: #356aa0;
	background: url(title_a.gif) repeat-x 0px top;
	padding-left: 8px;
}
#wrap #centent .leftBody_video .title strong {
	float: left;
	padding: 6px 10px 3px 10px;
	background: #fff;
	border-left: #74accf 1px solid;
	border-right: #74accf 1px solid;
}
#wrap #centent .leftBody_video .advtitle {
	float: left;
	width: 629px;
	height: 25px;
	font-size: 14px;
	border: #74accf 1px solid;
	color: #356aa0;
	background: url(title_a.gif) repeat-x 0px top;
	padding-left: 8px;
}
#wrap #centent .leftBody_video .advtitle strong {
	float: left;
	padding: 6px 10px 3px 10px;
	background: #fff;
	border-left: #74accf 1px solid;
	border-right: #74accf 1px solid;
}
#wrap #centent .leftBody_video ul {
	float: left;
	width: 637px;
	border-left: #74accf 1px solid;
	border-right: #74accf 1px solid;
	border-bottom: #74accf 1px solid;
}

#wrap #centent .leftBody_video .page {
	float: left;
	width: 637px;
	height: 32px;
	background: #f7fbff;
	border: #74accf 1px solid;
	overflow: hidden;
}

#wrap #centent .rightBody_video .title {
	float: left;
	width: 290px;
	height: 25px;
	font-size: 14px;
	border: #74accf 1px solid;
	color: #356aa0;
	background: url(title_a.gif) repeat-x 0px top;
	padding-left: 8px;
}
#wrap #centent .rightBody_video .title strong {
	float: left;
	padding: 6px 10px 3px 10px;
	background: #fff;
	border-left: #74accf 1px solid;
	border-right: #74accf 1px solid;
}
#wrap #centent .rightBody_video ul {
	float: left;
	width: 288px;
	padding: 5px;
	line-height: 200%;
	letter-spacing: 1px;
	border-left: #74accf 1px solid;
	border-right: #74accf 1px solid;
	border-bottom: #74accf 1px solid;
}
/*WIDTH=300广告位*/
#wrap #centent .rightBody_video .ivy300, #wrap #centent .rightBody_video_down .ivy300 {
	float: left;
	width: 300px;
	overflow: hidden;
}
#wrap #centent .rightBody_video .righttad {
	float: left;
	width: 298px;
	height: 250px;
	border: #74accf 1px solid;
	overflow: hidden;
}
/*右侧相关列表*/
#wrap #centent .rightBody_video ul.correlation li {
	float: left;
	width: 270px;
	padding: 0 0 0 18px;
	background: url(bullet.gif) no-repeat 0px 8px;
	height: 23px;
	overflow: hidden;
}
/*右侧栏目导航*/
#wrap #centent .rightBody_video ul.RightCatalog li {
	float: left;
	width: 144px;
	text-align: center;
}
/*排行*/
#wrap #centent .rightBody_video ul.compositor li span {
	float: left;
	width: 24px;
	text-align: center;
	color: #fff;
	font-weight:bold;
	padding-right: 1px;
	background: url(number_blue.gif) no-repeat 1px 4px;
}
#wrap #centent .rightBody_video ul.compositor li span.list-icon1, 
#wrap #centent .rightBody_video ul.compositor li span.list-icon2, 
#wrap #centent .rightBody_video ul.compositor li span.list-icon3 {
	background: url(number_red.gif) no-repeat 1px 4px;
}








/* Nav
==========================================================*/

.menu {
    position: relative;
    margin: 0 10px 10px;
}
.subnav {
    position: absolute;
    top: 35px;
    left: 0;
    float: left;
    height: 27px;
    line-height: 27px;
    white-space: nowrap;
    background: url(nav_bg.png) no-repeat 0 -180px;
}
* html .subnav {
    margin: 0 10px 0 -10px; /* IE 6 and below */
}
.subnav p {
    padding: 0 10px;
    background: url(nav_bg.png) no-repeat 100% -234px;
}
.subnav p span {
    display: block;
    background: url(nav_bg.png) repeat-x 0 -207px;
}
.subnav p.pointer {
    position: absolute;
    top: -4px;
    left: 0;
    height: 5px;
    width: 11px;
    padding: 0;
    margin-left: 20px;
    text-indent: -999em;
    background: url(nav_bg.png) repeat-x 0 -261px;
}
.subnav a {
    display: inline;
    padding: 0;
    font-size: 100%;
}
[class~="subnav"] a {
    padding: 0 3px;
}
#wrap .header .menu li .subnav, #wrap .header .menu li .subnav a:link, 
#wrap .header .menu li .subnav a:visited {
    color: #235e99;
}
#wrap .header .menu li .subnav a:hover, #wrap .header .menu li .subnav a:active {
    color: #235e99;
}
#wrap .header .menu li .subnav a:hover, #wrap .header .menu li .subnav a:active {
    font-weight: normal;
    background: none;
    border-bottom: 2px solid;
}
/* subnav position and pointer position */
#subnav1 { left: 40px; }
#subnav2 { left: 30px; }
#subnav3 { left: 30px; }
#subnav4 { left: 80px; }
#subnav5 { left: 376px; }
#subnav6 { left: 500px; }

#subnav7, #subnav8, #subnav9 { 
    left: auto;
    right: 0px;
}


#subnav1 .pointer { left: 75px; }
#subnav2 .pointer { left: 195px; }
#subnav3 .pointer { left: 290px; }
#subnav4 .pointer { left: 336px; }
#subnav5 .pointer { left: auto; right: 290px; }
#subnav6 .pointer { left: auto; right: 165px; }
#subnav7 .pointer { left: auto; right: 223px; }
#subnav8 .pointer { left: auto; right: 127px; }
#subnav9 .pointer { left: auto; right: 30px; }

#subnav1, #subnav2, #subnav3, #subnav4 {
    min-width: 110px;
}
#subnav5 { min-width: 340px; }
#subnav6 { min-width: 240px; }
#subnav7 { min-width: 130px; }
#subnav8 { min-width: 240px; }
#subnav9 { min-width: 130px; }

.disable {
    display: none;
}

/*定义所有新旧日期显示效果*/
/*------------------------------------------------------------------*/
.newDate {color : #ff0000;}
.oldDate {color : #808080;}
/*日期右对齐*/
li span.globalDate {float : right;margin : 0 2px;}


#wrap #otheer {
	width: 942px;
	padding: 0 8px 0 8px;
	background: #fff;
}
#wrap #otheer ul {
	float: left;
	width: 942px;
	border-left: #74accf 1px solid;
	border-right: #74accf 1px solid;
	border-bottom: #74accf 1px solid;
	padding-bottom: 5px;
	background: #fff;
}
#wrap #otheer .title {
	float: center;
	width: 942px;
	height: 25px;
	font-size: 14px;
	border: #74accf 1px solid;
	color: #74accf;
	background:  repeat-x 0px top;
}
#wrap #otheer .title strong {
	float: left;
	padding: 6px 0 0 420px;
}
#wrap #otheer .title span {
	float: right;
	padding: 6px 10px 0 0;
}
#wrap #otheer ul li {
	float: left;
	width: 10%;
	padding-top: 10px;
	text-align: center;
}