﻿@charset "utf-8";
/*头部样式*/
#haader{width:960px; height:100px; background:url(../images/header_dbg.jpg) repeat-x; margin:0 auto; clear:both;}
#global_header{width:827px; height:30px; background:url(../images/global_header_bg.png) no-repeat; margin:0 auto; clear:both;}
#global_header .list{float:left; text-align:left; width:200px; padding-left:20px;}
#global_header .list .pic{ width:20px; height:18px; padding-top:5px; float:left;}
#global_header .list .an{ float:left; line-height:28px; padding-left:5px; color:#868585;}
#global_header .list .an a{padding:0 3px;}
#global_header .list .an a:link,#global_header .list .an a:visited,#global_header .list .an a:hover,#global_header .list .an a:active{color:#a7a5a5;}

#global_header .landing{width:390px; float:left; line-height:28px; padding-left:5px;}
#global_header .landing div{float:left; line-height:28px; padding-left:5px; color:#a7a5a5;}
#global_header .landing .textbox{width:95px;}
#global_header .landing input{width:90px; height:16px; border:1px solid #e8e8e8; background-color:#d3d3d3; margin-top:5px;}
#global_header .landing select{width:60px; height:18px; margin-top:5px; border:1px solid #b5b5b5;}
#global_header .landing img{margin-top:5px;}

#global_header .list1{width:200px; float:left; padding-left:10px; line-height:28px; text-align:left; color:#a7a5a5;}
#global_header .list1 div{float:left;}
#global_header .list1 .pic{ width:12px; height:18px; padding-top:5px; float:left; margin:0 5px 0 8px;}
#global_header .list1 a:link,#global_header .list1 a:visited,#global_header .list1 a:hover,#global_header .list1 a:active{color:#a7a5a5;}

#nav{width:900px; margin:6px auto 0; clear:both; overflow:hidden;}
.logo{width:165px; height:52px; background:url(http://www.hnr.cn/hnr/hnr_img/165-52.png) no-repeat; float:left; display:block;}
#nav .nav_right{float:right;}

.yy_part1{ width:960px; height:182px; margin:0 auto; margin-bottom:1px;}
.yy_part1_02{ width:960px; height:93px; margin:0 auto; clear:both; margin-bottom:1px;}
.yy_part1_02_zuo{ width:200px; height:93px; float:left; overflow:hidden;}
.yy_part1_02_zuo img{ width:200px; height:93px;}
.yy_part1_02_mid{ width:375px; height:93px; float:left; background:#595959;}
.yy_zhuchiren{ width:178px; height:83px; float:left; padding-left:10px; padding-top:10px;}
.yy_zhuchiren li{ width:150px; font-size:12px; line-height:25px;}
.yy_zhuchiren li span{ font-size:12px; line-height:25px;color:#ece8e8;}
.yy_zhuchiren li a:link,.yy_zhuchiren li a:visited,.yy_zhuchiren li a:hover,.yy_zhuchiren li a:active{ color:#ece8e8;}
.yy_jianjie{ width:177px; height:83px; float:right; padding-left:10px; padding-top:10px}
.yy_jianjie_nr{ width:164px; overflow:hidden; border-bottom:solid 1px #969696; border-left:solid 1px #969696; border-right:solid 1px #969696; border-top:solid 1px #969696; margin-bottom:3px; padding:2px 1px;}
.yy_jianjie_nr span{ font-size:12px; line-height:13px; color:#a7a7a7;}
.yy_jianjie_biao{ width:166px; height:30px; border-bottom:solid 1px #000; border-left:solid 1px #000; border-right:solid 1px #000; border-top:solid 1px #000;}
.yy_part1_02_you{
	width:365px;
	height:85px;
	float:right;
	padding-left:20px;
	overflow:hidden;
}
.yy_part1_02_you_nr{
	width:320px;
	height:20px;
	border-bottom:solid 1px #e7e7e7;
	padding-bottom:5px;
	margin-bottom:5px;
}
.yy_part1_02_you_nr_zuo{ width:44px; height:21px; float:left;}
.yy_part1_02_you_nr_zuo1{
	width:21px;
	height:15px;
	float:left;
	margin-right:1px;
}
.yy_part1_02_you_nr_mid{
	width:210px;
	height:15px;
	float:left; padding-top:6px;
}
.yy_part1_02_you_nr_mid a:link,.yy_part1_02_you_nr_mid a:visited,.yy_part1_02_you_nr_mid a:hover,.yy_part1_02_you_nr_mid a:active{ color:#474646;}
.yy_part1_02_you_nr_mid p{ float:left; font-size:12px; padding-left:15px; line-height:15px; height:15px;}
.yy_part1_02_you_nr_mid span{ float:right; font-size:12px; line-height:15px; height:15px;}
.yy_part1_02_you_nr_you{ width:61px; height:21px; float:right;}
.yy_part1_02_you_nr_you1{ width:15px; height:15px; float: right; margin-left:10px; margin-top:5px;}


.yy_part1_02_you_nr2{
	width:320px;
	height:21px;
}
.yy_part1_02_you_nr2_zuo{ width:44px; height:21px; float:left;}
.yy_part1_02_you_nr2_zuo1{ width:21px; height:21px; float:left; margin-right:1px;}
.yy_part1_02_you_nr2_mid{
	width:210px;
	height:15px;
	float:left; padding-top:6px;
}
.yy_part1_02_you_nr2_mid a:link,.yy_part1_02_you_nr2_mid a:visited,.yy_part1_02_you_nr2_mid a:hover,.yy_part1_02_you_nr2_mid a:active{ color:#474646;}
.yy_part1_02_you_nr2_mid p{ float:left; font-size:12px; padding-left:15px; line-height:15px;}
.yy_part1_02_you_nr2_mid span{ float:right; font-size:12px; line-height:15px;}
.yy_part1_02_you_nr2_you{ width:61px; height:21px; float:right;}
.yy_part1_02_you_nr2_you1{ width:15px; height:15px; float: right; padding-top:6px; margin-left:10px;}


#main{width:980px;overflow:hidden; clear:both; margin:0 auto;}
.part0{width:980p; height:77px; margin:0 auto;}
.part0 .light{width:980px; height:17px; background:url(../images/deng.gif) no-repeat;}
.part0 .edu_logo{width:216px; height:54px; background:url(../images/edulogo.gif) no-repeat 15px; float:left;}
.part0 .nav{width:730px; height:28px; float:right; margin-top:18px;}
.part0 .nav li{height:28px; line-height:28px;  float:left; padding:0 10px; margin-right:6px;}
.part0 .nav .sy{background:#19acb4;}
.part0 .nav .jy{background:#d70377;}
.part0 .nav .pl{background:#fe9400;}
.part0 .nav .y{background:#595959;}
.part0 .nav .gx{background:#37bfe6;}
.part0 .nav .wg{background:#7bd80d;}
.part0 .nav .jm{background:#595959;}
.part0 .nav .lx{background:#d70377;}
.part0 .nav a:link,.part0 .nav a:visited,.part0 .nav a:hover,.part0 .nav a:active{font-size:14px; color:#fff; text-align:center;} 

/*Part1*/
.part1{width:966px; height:105px; border:1px solid #dcdecb; clear:both; overflow:hidden; margin:0 auto; background:#fff;}
.part1 li{width:136px; height:121px; float:left; margin-top:5px;}
.part1 img{width:130px; height:95px; padding-left:5px;}

/*part2*/
.part2{width:968px;clear:both; overflow:hidden; margin:12px auto;}
.part2 .focus{width:706px; height:416px; border:2px solid #dcdecb; float:left; padding:5px; background:#FFF;}

.part2 .menus{width:244px; height:428px;float:right; overflow:hidden;}
.part2 .menus .online{width:232px; height:254px; border:solid 5px #fff;}
.part2 .menus .online .play{width:232px; height:113px;}
.part2 .menus .online .con{width:232px; height:146px; clear:both; overflow:hidden;}
.part2 .menus .online .con .wz{width:123px; height:138px; line-height:22px; float:left; padding-top:5px; margin-left:6px;}
.part2 .menus .online .con .wz a:link,.part2 .menus .online .con .wz a:visited,.part2 .menus .online .con .wz a:hover,.part2 .menus .online .con .wz a:active{font-size:12px; color:#000; font-weight:bolder;} 
.part2 .menus .online .con .tp{width:90px; height:127px; float:right; border:solid 1px #dcdecb; margin-top:9px; margin-right:5px;}
.part2 .menus .online .con .tp img{width:90px; height:127px;}

.part2 .menus .time{width:232px;clear:both; overflow:hidden; border-left:solid 5px #fff; border-right:solid 5px #fff; border-bottom:solid 5px #fff;}
.part2 .menus .time .title{width:232px; height:24px; line-height:24px; background:#575654;}
.part2 .menus .time .title p{padding-left:12px; color:#fff; font-size:13px; font-weight:bolder;}

.part2 .menus .time .list{width:230px;overflow: scroll; height:327px;margin:0 auto;}
.part2 .menus .time .list li{width:206px; height:36px; line-height:16px; border-bottom:solid 1px #e3e5db; margin:0 auto; padding-top:7px;}
.part2 .menus .time .list .nonebor{border:0px; width:206px; height:36px; line-height:16px; margin:0 auto; padding-top:5px;}
.part2 .menus .time .list .num{width:30px; height:30px; float:left;}
.part2 .menus .time .list div{float:left;}
.part2 .menus .time .list img{width:30px; height:30px; padding-right:3px;}
.part2 .menus .time .list .button{float:right; width:19px; height:19px; margin-top:7px;}
.part2 .menus .time .list p{font-size:12px; font-weight:bolder; color:#4b4a4a; padding-left:10px;}



/*part3*/
.part3{width:968px; height:606px; clear:both; overflow:hidden; margin:0 auto;}

#swap_pic {
	WIDTH: 270px; HEIGHT: 600px; OVERFLOW: hidden; border:1px solid #dcdecb; background-color:#FFF; float:left;
}
#swap_pic H2 {
	TEXT-INDENT: 30px; HEIGHT: 15px; COLOR: #292929; FONT-SIZE: 10px
}
#swap_pic img{width:246px; height:184px;}
.box {
	POSITION: relative; WIDTH: 246px; HEIGHT: 546px; OVERFLOW: hidden; margin:6px auto 7px;
}
#prev {
	WIDTH: 102px; BACKGROUND:url(../images/prev.gif) no-repeat; HEIGHT: 22px; OVERFLOW: hidden; margin:0 auto;
}
#next {
	WIDTH: 102px; BACKGROUND:url(../images/next.gif) no-repeat; HEIGHT: 22px; OVERFLOW: hidden; margin:0 auto;
}
.scroll {
	CURSOR: pointer
}
.unable {
	CURSOR: default
}
.pics {
	POSITION: absolute; WIDTH: 1000px; TOP: 0px
}
.pics LI {
	WIDTH: 246px; FLOAT: left; HEIGHT: 546px; OVERFLOW: hidden
}
.pics LI P {
	POSITION: relative; FLOAT: left; OVERFLOW: hidden; margin-top:2px;
}
.pics LI P SPAN {
	POSITION: absolute; FILTER: alpha(opacity=75); LINE-HEIGHT: 30px; TEXT-INDENT: 10px; WIDTH: 100%; DISPLAY: block; BACKGROUND: url(http://tgideas.qq.com/wp-content/uploads/2010/07/sprites1.png) repeat-x 0px 140px; HEIGHT: 30px; COLOR: #fff; TOP: 0px; CURSOR: pointer; TEXT-DECORATION: none; PADDING-TOP: 140px; LEFT: 0px; opacity: 0.75
}


.part3 .right{width:691px; height:606px; float:right; overflow:hidden;}
.part3 .right .right_top{width:691px; height:542px; overflow:hidden;}
.part3 .right_l{width:343px; height:543px; overflow:hidden; float:left;}
.part3 .right_l .menus{width:341px; height:261px; border:1px solid #dcdecb; background:#fff; margin-bottom:7px;}
.part3 .right_l .menus .title{width:320px; height:40px; line-height:40px; border-bottom:1px dotted #dcdecb; margin:0 auto;}
.part3 .right_l .menus .title p{font-size:18px; float:left; padding-left:8px; color:#c6321b; font-weight:bolder;}
.part3 .right_l .menus .title span{font-size:14px; float:left; color:#000; font-weight:bolder;}
.part3 .right_l .menus .title a:link,.part3 .right_l .menus .title a:visited,.part3 .right_l .menus .title a:hover,.part3 .right_l .menus .title a:active{font-size:14px; float:right; padding-right:3px; color:#000;}
.part3 .right_l .menus .list{width:312px; height:170px; margin:12px auto 0;}
.part3 .right_l .menus .list li{width:310px; height:24px; line-height:24px; overflow:hidden; background:url(../images/dian.gif)3px 10px no-repeat;}
.part3 .right_l .menus .list p{font-size:12px; float:left; padding-left:12px;}
.part3 .right_l .menus .list span{float:right;}
.part3 .right_l .menus .list a:link,.part3 .right_l .menus .list a:visited,.part3 .right_l .menus .list a:hover,.part3 .right_l .menus .list a:active{ color:#000;}

.part3 .right_r{width:343px; height:543px; overflow:hidden; float:right;}
.part3 .right_r .menus{width:341px; height:261px; border:1px solid #dcdecb; background:#fff; margin-bottom:7px;}
.part3 .right_r .menus .title{width:320px; height:40px; line-height:40px; border-bottom:1px dotted #dcdecb; margin:0 auto;}
.part3 .right_r .menus .title p{font-size:18px; float:left; padding-left:8px; color:#c6321b; font-weight:bolder;}
.part3 .right_r .menus .title span{font-size:14px; float:left; color:#000; font-weight:bolder;}
.part3 .right_r .menus .title a:link,.part3 .right_r .menus .title a:visited,.part3 .right_r .menus .title a:hover,.part3 .right_r .menus .title a:active{font-size:14px; float:right; padding-right:3px; color:#000;}
.part3 .right_r .menus .list{width:312px; height:170px; margin:12px auto 0;}
.part3 .right_r .menus .list li{width:310px; height:24px; line-height:24px; overflow:hidden; background:url(../images/dian.gif) no-repeat 3px 10px ;}
.part3 .right_r .menus .list p{font-size:12px; float:left; padding-left:12px;}
.part3 .right_r .menus .list span{float:right;}
.part3 .right_r .menus .list a:link,.part3 .right_r .menus .list a:visited,.part3 .right_r .menus .list a:hover,.part3 .right_r .menus .list a:active{ color:#000;}
.list #Tab_Con1 ul li {
    background: url("http://www.hnr.cn/images/video_title_ico.gif") no-repeat scroll 0px 7px transparent;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    width: 310px;
}
.part3 .right_bottom{width:689px; height:43px; border:1px solid #dcdecb; background:#fff; margin:0px auto; clear:both; padding-top:15px;}
.part3 .right_bottom div{ float:left; margin-left:20px; overflow:hidden;}


/*尾部样式*/
#footer{width:960px; margin:0 auto; clear:both; padding:20px 0; line-height:24px; text-align:center; background-color:#fff; color:#000;}
#footer span{padding:0 8px;}





#photos { visibility: hidden; }

/* GALLERY CONTAINER */
.gallery { background: #ddd; border: 1px solid #aaa; padding: 5px;}

/* LOADING BOX */
.loader { background: url(loader.gif) center center no-repeat #ddd; }

/* GALLERY PANELS */
.panel {}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 60px; padding: 0 1em; }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #222; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 0.7em; }
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #aaa; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #000; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }

/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #000;
}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
	filter: chroma(color=pink);
}
.panel-overlay h2{ line-height:30px; width:700px; height:30px; overflow:hidden;}