.change{}
.change em{display: inline-block;width: 17px;height: 17px;background: url("images/change.jpg") center no-repeat;vertical-align: middle;margin-right: 10px;}

.scroll_msg{ padding:13px 8px 0px 0px; line-height:14px;}
.scroll_msg .icon{ width:17px; height:14px; margin-right:15px; display:inline-block; background:url(images/auto_scrollmsg.gif) no-repeat; overflow:hidden;}
.scroll_msg:hover .icon{ background-position:0px -22px;}
.scroll_msg:hover span{ text-decoration:none;}

a.hnrLogo:hover{color: #222;}
.hnrLogo em{width: 190px;height: 38px;background: url("images/44_logo.png") center no-repeat;display: inline-block;vertical-align: middle;}
.hnrLogo h1{text-decoration: none;display: inline-block;vertical-align: middle;*zoom:1;*display:inline;}

.nav{ width:100%; height:40px; line-height:40px; background:#f9f9f9;}
.nav a{ padding:0px 36px; }
.nav a.current,.nav a.h_cur{ background-color:#b81c25;color: #fff;}

.slideBox{ width:660px; height:370px; overflow:hidden; position:relative; }
.slideBox .hd{ height:40px; overflow:hidden; position:absolute; bottom: 0; z-index:1; width: 100%;}
.slideBox .hd ul{ overflow:hidden; zoom:1;height:40px;position: relative;}
.slideBox .hd ul li{ float:left; cursor:pointer;height: 40px;}
.slideBox .hd ul li span{position: absolute;display: none;left: 0;bottom: 0;line-height: 40px;color: #fff;font-size: 18px;padding-left: 20px;float: left;width: 500px; _width:505px;_padding-left:25px;}
.slideBox .hd ul li.on span{display: inline;}
.slideBox .hd ul li em{width:10px; height:10px;background: #fff;display: inline-block;position: relative;left: 550px;top:15px;margin-right: 5px;vertical-align: top;*top:13px;}
.slideBox .hd ul li.on em{background: #b81c25;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:660px; height:370px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,.slideBox .next{ display:block;  width:45px; height:77px; position: absolute; overflow:hidden;  cursor:pointer; background:url("images/slider-arrow-superslide.png") 0 0 no-repeat;z-index: 10;top: 175px;margin-top: -39px;left: 0;}
.slideBox .next{ background-position:-90px 0; right: 0;left: auto;}



.slide{}
.slide .hd li{cursor: pointer;}
.slide .hd li.on{color: #0087bd;}
.slide .add_more{width: 32px;height: 32px;background: url("images/add_more.jpg") center no-repeat;cursor: pointer;}

.share_t{cursor: pointer;}
.share_t em{width: 20px;height: 17px;display: inline-block;background: url("images/share_logo.jpg") center no-repeat;vertical-align: middle;}
.share_t span{vertical-align: middle;line-height: 17px;vertical-align: middle;}

/* 本例子css */
.slideBox2{ width:280px; height:158px; position:relative; margin: 20px auto 0;}
.slideBox2 .hd{ position:absolute; bottom:-35px; z-index:1;width: 100%; }
.slideBox2 .hd ul{width: 100%; }
.slideBox2 .hd ul li{ display: none; text-align:center; cursor:pointer; font-size: 16px;width: 100%;}
.slideBox2 .hd ul li.on{ display: block; }
.slideBox2 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox2 .bd li{ zoom:1; vertical-align:middle; }
.slideBox2 .bd img{ width:280px; height:158px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox2 .prev,
.slideBox2 .next{ position:absolute; left:-10px; top:50%; margin-top:-5px; display:block; width:7px; height:13px; background:url(images/slider-arrow.png) 0 0 no-repeat; filter:alpha(opacity=50);opacity:0.5; _top:70px;}
.slideBox2 .next{ left:auto; right:-10px; background-position:-23px 0; }
.slideBox2 .prev:hover,
.slideBox2 .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox2 .prevStop{ display:none;  }
.slideBox2 .nextStop{ display:none;  }

/* 本例子css */
.slideTxtBox{ width:300px; text-align:left;  }
.slideTxtBox .hd{ height:30px; line-height:30px; position:relative; }
.slideTxtBox .hd ul{ float:left; position:absolute; height:32px;   }
.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;  }
.slideTxtBox .hd ul li.on{ height:30px;}
.slideTxtBox .hd ul li.on a{ color: #0087bd;}
.slideTxtBox .bd ul{ zoom:1; }

/*遮罩*/
.maskFullBg {background-color: Gray;  left: 0px;  opacity: 0.5;  position: absolute;  top: 0px;  z-index: 3;  filter: alpha(opacity=50); /* IE6 */  -moz-opacity: 0.5; /* Mozilla */  -khtml-opacity: 0.5; /* Safari */  }
.maskDialog {padding: 50px 40px;  background-color: #FFF;  border-radius: 15px;  display: none;  width: 580px;  height: 295px;  left: 50%;  margin: -198px 0 0 -330px;  position: fixed !important; /* 浮动对话框 */  position: absolute;  top: 50%;  z-index: 5;  }
.maskDialog .closeBgMask {position: absolute;  background: url("images/bgMask_close.jpg") center no-repeat;  display: block;width: 36px;height: 36px; right: 5px;top: 5px;cursor: pointer;}
.fList{}
.fList li{width: 120px;height: 40px;border: 1px solid #0087bd;text-align: center;margin-top: 20px;position: relative;margin-left: 30px;}
.fList li.on{border-color: #dedede;}
.fList li em{background: url("images/fList_minus.jpg") center no-repeat;width: 23px;height: 23px;right: -12px;top: -12px;cursor: pointer;}

.uList{}
.uList li{width: 120px;height: 40px;border: 1px solid #dedede;text-align: center;margin-top: 20px;position: relative;margin-left: 30px;}
.uList li.on{border-color: #dedede;}
.uList li em{background: url("images/fList_add.jpg") center no-repeat;width: 23px;height: 23px;right: -12px;top: -12px;cursor: pointer;}

.searchForm input.search{width: 238px;height: 24px;border: 1px solid #ccc;text-indent: 5px;line-height: 24px;background: #f9f9f9;color: #999;}
.searchForm input.btn{width: 17px;height: 24px;background: url("images/search_bg.jpg") center no-repeat;border:none;cursor: pointer;right: 5px;bottom: 0;*bottom:21px;_right:20px;}

.share_bg{width: 31px;height: 26px;background: url("images/share_bg.jpg") center no-repeat;display: inline-block;_zoom:1;_display: inline;}
.discuss_bg{width: 32px;height: 26px;background: url("images/discuss.jpg") center no-repeat;display: inline-block;_zoom:1;_display: inline;}
.favorites_bg{width: 28px;height: 27px;background: url("images/favorites_bg.jpg") center no-repeat;display: inline-block;_zoom:1;_display: inline;}
.print_bg{width: 30px;height: 27px;background: url("images/print_bg.jpg") center no-repeat;display: inline-block;_zoom:1;_display: inline;}
.font_magnify{width: 28px;height: 27px;background: url("images/font_magnify.jpg") center no-repeat;display: inline-block;_zoom:1;_display: inline;}
.font_narrow{width: 30px;height: 26px;background: url("images/font_narrow.jpg") center no-repeat;display: inline-block;_zoom:1;_display: inline;}


.play{width:640px;text-align:center;position:relative;overflow:hidden;margin:5px auto;display: none;}
.play .change_a{width:50%;height:100%;position:absolute;top:0;z-index:1;cursor:pointer;display:block;overflow:hidden;}
.play .prev_a{left:0;}
.play .next_a{right:0}
.play .change_a span{width:24px;height:43px;display:block;position:absolute;top:50%;margin-top:-21px;display:none}
.play .prev_a span{background:url(images/s_gallery_2012110702.png) no-repeat 0px -50px;left:0;}
.play .next_a span{background:url(images/s_gallery_2012110702.png) no-repeat -30px -50px;right:0;}
.play .img_ul{position:relative;z-index:1;}
.play .img_ul li img{display: inline;}
.img_hd {width:640px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#eee;overflow:hidden;height:66px;padding:2px 0;margin:15px auto;position:relative;display: none;}
.img_hd ul{position:absolute;z-index:1}
.img_hd ul li{float:left;width:80px;height:60px;border:3px solid #eee;cursor:pointer;margin:0 3px 0 1px;overflow:hidden;*display:inline;padding:1px;text-align:center;}
.img_hd ul li img{height:60px;display: inline;}
.img_hd ul li.on{border-color:rgb(45, 150, 233);}
.img_hd .bottom_a{background:url(images/s_gallery_2012110702.png) no-repeat;width:22px;height:22px;position:absolute;display:block;top:50%;margin-top:-11px;cursor:pointer;z-index:10;}
.img_hd .prev_a{background-position:0 -24px;left:5px;}
.img_hd .next_a{background-position:-30px -24px;right:5px;}

.text_fix a:link,.text_fix a:visited,a.text_fix:link,a.text_fix:visited{color:#b81c25;text-decoration:none;}
.text_fix a:hover,a.text_fix:hover{color:#b81c25; text-decoration:none;}

/* 本例子css */
.slideTxtBox3{ width:660px;text-align:left; margin-top: 20px;}
.slideTxtBox3 .hd{ height:60px; line-height:60px;position:relative; border-bottom: 1px solid #dedede; }
.slideTxtBox3 .hd ul{ float:left; position:absolute;left: 0;}
.slideTxtBox3 .hd ul li{ float:left; padding:0 29px; cursor:pointer; color: #444;font-size: 18px;}
.slideTxtBox3 .hd ul li.on{color: #0087bd;}
.slideTxtBox3 .bd ul{ zoom:1;  }

.page-turn {
    display: block;
    width: 98px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #dedede;
}