@charset "utf-8";
/*全局*/
*{margin:0;padding:0;}
html{overflow-y:scroll;overflow-x:hidden}
body{font-size:12px;font-family:Arial,'宋体';line-height:1;color:#000; background-color:#000;position:relative;}
img{border:0px none;}
li{list-style:none;}
a{text-decoration:none;color:#000;}
.left{float:left;}
.right{float:right;}
.clearBoth{float:none;clear:both;height:0;overflow:hidden;margin:0;padding:0;}
.red{color:#f00;}
.green{color:#399a1f;}
.center{text-align:center}
em{font-style:normal;}



#page{width:100%;height:1000px;overflow:hidden;position:relative;}/*此处的相对定位是为了保证在ie6-7下的页面的翻滚正常*/
#next{position:fixed;_position:absolute;right:170px;_top:150px;bottom:15px;z-index:1000;cursor:pointer;}
#once{position:fixed;_position:absolute;right:170px;top:20px;z-index:1000;cursor:pointer;}
/**edit 20130107 start**/
#nav{width:100px;height:621px;overflow:hidden;position:fixed;_position:absolute;right:0;top:20px;z-index:100;}
/**edit end**/
#nav #close{position:absolute;top:1px;left:0;width:29px;height:29px;background-position:left top;background-repeat:no-repeat;}
#nav #navbg{position:absolute;top:0;right:0;width:70px;height:386px;}
#nav ul#navcontent {padding:33px 0px 30px 0px;position:absolute;top:0;right:10px;}
#nav ul#navcontent li{height:35px;width:36px;overflow:hidden;}
#nav ul#navcontent li.nav1{height:16px;margin-bottom:32px;padding-left:13px;}
#nav ul#navcontent li.nav2{margin-bottom:23px;padding-left:8px;}
#nav ul#navcontent li.nav3{margin-bottom:22px;padding-left:8px;}
#nav ul#navcontent li.nav4{margin-bottom:22px;padding-left:8px;}
#nav ul#navcontent li.nav5{margin-bottom:23px;padding-left:13px;}
#nav ul#navcontent li.nav6{margin-bottom:20px;padding-left:13px;}
#nav ul#navcontent li.nav7{margin-bottom:18px;padding-left:13px;}
#nav ul#navcontent li.nav8{margin-bottom:29px;padding-left:13px;}
#nav ul#navcontent li.nav9{margin-bottom:30px;padding-left:13px;}
#nav ul#navcontent li.nav10{margin-bottom:28px;padding-left:13px;}
#nav ul#navcontent li.nav11{margin-bottom:18px;width:51px;height:37px;}
#nav ul#navcontent li.nav12{width:51px;}

#nav ul#navcontent li a{display:block; height:35px; background-repeat:no-repeat; background-position:left top;}
#nav ul#navcontent li.nav1 a{background-position:-102px -30px;}
#nav ul#navcontent li.nav2 a{background-position:-97px -81px;}
#nav ul#navcontent li.nav3 a{background-position:-97px -138px;}
#nav ul#navcontent li.nav4 a{background-position:-97px -196px;}
#nav ul#navcontent li.nav5 a{background-position:-102px -310px;}
#nav ul#navcontent li.nav6 a{background-position:-102px -253px;}
#nav ul#navcontent li.nav7 a{background-position:-102px -308px;}
#nav ul#navcontent li.nav8 a{background-position:-102px -426px;}
#nav ul#navcontent li.nav9 a{background-position:-102px -484px;}
#nav ul#navcontent li.nav10 a{background-position:-102px -543px;}
#nav ul#navcontent li.nav11 a{background-position:-89px -600px;height:37px;}
#nav ul#navcontent li.nav12 a{background-image:url(http://static.sdg-china.com/rift/pic/act/halloffame/background/nav_bg1.gif);height:13px;width:51px;}
.hover{background-position:-22px -138px;}
#nav ul#navcontent li.nav1 a:hover{background-position:-22px -30px;}
#nav ul#navcontent li.nav2 a:hover{background-position:-17px -81px;}
#nav ul#navcontent li.nav3 a:hover{background-position:-17px -138px;}
#nav ul#navcontent li.nav4 a:hover{background-position:-17px -196px;}
#nav ul#navcontent li.nav5 a:hover{background-position:-22px -310px;}
#nav ul#navcontent li.nav6 a:hover{background-position:-22px -253px;}
#nav ul#navcontent li.nav7 a:hover{background-position:-22px -308px;}
#nav ul#navcontent li.nav8 a:hover{background-position:-22px -426px;}
#nav ul#navcontent li.nav9 a:hover{background-position:-22px -484px;}
#nav ul#navcontent li.nav10 a:hover{background-position:-22px -543px;}
#nav ul#navcontent li.nav11 a:hover{background-position:-9px -600px;}
#nav ul#navcontent li.nav12 a:hover{background-position:right top;}

#nav ul#navcontent li.nav1 a.now{background-position:-22px -30px;}
#nav ul#navcontent li.nav2 a.now{background-position:-176px -81px;}
#nav ul#navcontent li.nav3 a.now{background-position:-176px -138px;}
#nav ul#navcontent li.nav4 a.now{background-position:-176px -196px;}
#nav ul#navcontent li.nav5 a.now{background-position:-181px -310px;}
#nav ul#navcontent li.nav6 a.now{background-position:-181px -253px;}
#nav ul#navcontent li.nav7 a.now{background-position:-181px -308px;}
#nav ul#navcontent li.nav8 a.now{background-position:-181px -426px;}
#nav ul#navcontent li.nav9 a.now{background-position:-181px -484px;}
#nav ul#navcontent li.nav10 a.now{background-position:-181px -543px;}
#nav ul#navcontent li.nav11 a.now{background-position:-168px -600px;}
#nav ul#navcontent li.nav12 a.now{background-position:right top;}

#popup{display:none;position:fixed;_position:absolute;top:50%;left:50%;margin:-180px 0 0 -345px;min-height:360px; min-width:693px;_height:360px;_width:693px;}
#popup a#close_bl{position:absolute;top:0;right:0;display:block;width:52px;height:52px; background:url(http://static.sdg-china.com/rift/pic/act/halloffame/image/close_bl.jpg) 0 0 no-repeat;}
#popup a#close_bl:hover{background:url(http://static.sdg-china.com/rift/pic/act/halloffame/image/close_over.jpg) 0 0 no-repeat;}
#popup #popcontent{position:absolute;top:0;left:0; background-color:#000;height:360px;width:640px;overflow:hidden}

#page2content,#page3content,#page4content,#page5content,#page6content,#page_1content{margin:0 auto;position:relative;}
ul li div h2{height:31px; background-color:#000;filter:alpha(opacity=50);opacity:0.5;position:relative;}
.pagetitle{position:absolute;left:8px;}
/*页面1*/
li#webpage1{height:816px;position:relative;}
li#webpage1 div#people{position:absolute;top:475px;left:50%;margin-left:190px;}
li#webpage1 div{background-position:center top; background-repeat:no-repeat;}
li#webpage1 div#page1div1{height:385px;background-image:url(../images/page1_bg00.jpg);*margin-bottom:-2px;}
li#webpage1 div#page1div1 div.LogoTopic{width:810px;margin:0 auto;padding-top:40px;}
div.LogoTopic img, div.LogoTopic span{float:left;}
div.LogoTopic .topic{margin-top:25px;}
li#webpage1 div#page1div2{height:274px;background-image:url(../images/page1_bg01.jpg);}
li#webpage1 div#explain2{height:157px; background-image:url(../images/page1_bg02.jpg);}
li#webpage1 div#explain2 p{color:#5d4940;line-height:22px;width:920px;margin:0 auto;}
li#webpage1 div#explain3{height:30px; background-image:url(../images/page1_bg03.jpg);}

/*页面+1*/
li#webpage_1{height:649px; background:url(../images/page_1_bg.jpg) center top no-repeat;}
#page_1content{padding-top:103px;width:1000px;}
.leftBox{width:458px; float:left; overflow:hidden; padding:0 0 0 68px}
.leftBox .boxCont{width:432px; float:left; height:169px; overflow:hidden;}
.boxCont p{ font-size:16px; line-height:30px;}
.boxCont.c1 p{ color:#e6c1a4}
.boxCont.c1 p strong{ font-size:22px; color:#f0f900}
.boxCont.c2 p{ color:#fff2c9}
.boxCont.c2 p strong{ font-size:22px; color:#3e2706}
.boxCont.c3 p{ color:#867154}
.boxCont.c3 p strong{ font-size:22px; color:#ffe4b9}


.boxImg{width:411px; height:282px; padding:10px; float:left}
.boxImg.bg1{ background: url(../images/bk_1_d.jpg) no-repeat}
.boxImg.bg2{ background: url(../images/bk_2_d.jpg) no-repeat}
.boxImg.bg3{ background: url(../images/bk_3_d.jpg) no-repeat}
.rightBox{width:404px; float:left; overflow:hidden;}
.rightBox .list{width:403px; height:253px; float:left; display:inline; margin:0 0 17px 0; position:relative}
.rightBox .list.s1{ background:url(../images/list-1.jpg) no-repeat;}
.rightBox .list.s2{ background:url(../images/list-2.jpg) no-repeat;}
.rightBox .list.s3{ background:url(../images/list-3.jpg) no-repeat;}
.rightBox .list a{width:220px; height:65px;right:19px; position:absolute}
.rightBox .list a#f1{top:34px;}
.rightBox .list a#f2{top:104px;}
.rightBox .list a#f3{bottom:19px;}
.rightImg{width:404px; overflow:hidden; float:left;}
.boxSimg{width:179px; height:181px; padding:10px; float:left; display:inline; margin-right:6px;}
.boxSimg.last{ margin:0}
.boxSimg.bg1{ background: url(../images/bk_1_x.jpg) no-repeat}
.boxSimg.bg2{ background: url(../images/bk_2_x.jpg) no-repeat}
.boxSimg.bg3{ background: url(../images/bk_3_x.jpg) no-repeat}


li#webpage2{height:649px; background:url(../images/page_2_bg.jpg) center top no-repeat;}
li#webpage2 .pagecont2{width:1000px; overflow:hidden; margin:0 auto; padding-top:150px; }
.pagecont2 h3{width:1000px; height:33px; overflow:hidden; background:url(../images/page_2_2.jpg) no-repeat; text-indent:-999999px}
.page3lun{width:1000px;position:relative}
#viewer1{width:932px; height:173px; overflow:hidden; padding-top:20px; margin-left:30px}
#viewerFrame1{width:1000px; height:173px; clear:both; padding:0}
#viewerFrame1 li{width:196px; height:155px; overflow:hidden;float:left; display:inline;margin-left:20px; background:#23080f; padding:9px}
#btna1{ position:absolute;left:0px;top:80px;}
#btna2{ position:absolute;right:60px;top:80px;}
#btnb1{ position:absolute;left:0px;top:230px;}
#btnb2{ position:absolute;right:0px;top:230px;}

#btnc1{ position:absolute;left:0px;top:430px;}
#btnc2{ position:absolute;right:0px;top:430px;}

.wd{width:1000px; overflow:hidden; margin-bottom:30px; margin-top:35px;}

li#webpage3{height:886px; background:url(../images/page_3_bg.jpg) center top no-repeat;}
li#webpage3 .pagecont3{width:931px; overflow:hidden; margin:0 auto; padding-top:100px}
.pagecont3 h3{width:931px; height:33px; overflow:hidden; background:url(../images/page_3_2.jpg) no-repeat; text-indent:-999999px}
.pagecont3 .leftUl{width:258px; float:left; display:inline; margin:30px 0 0 36px}
.pagecont3 .leftUl li{width:258px; height:263px; overflow:hidden;}
.pagecont3 .leftUl li .topimg{width:242px; height:184px; padding:8px; background:#4c351e}
.pagecont3 .leftUl li p{ line-height:24px; color:#483017; padding:5px 0 0 0}
.pagecont3 dl{width:482px; float:left; display:inline; margin:60px 0 0 100px;}
.pagecont3 dl dt{width:466px; height:394px; padding:8px;background:#4c351e;}
.pagecont3 dl dd{ padding:10px 0 0 0; line-height:24px; color:#483017}



li#webpage4{height:805px; background:url(../images/page_4_bg.jpg) center top no-repeat;}
li#webpage4 .pagecont4{width:1000px; overflow:hidden; margin:0 auto; padding-top:100px; position:relative}
.pagecont4 h3{width:931px; height:33px; overflow:hidden; background:url(../images/page_4_2.jpg) no-repeat; text-indent:-999999px; margin-left:35px}
#viewer2{width:931px; height:173px; overflow:hidden;margin-left:35px}
#viewerFrame2{width:1000px; height:173px; clear:both; padding:0}
#viewerFrame2 li{width:196px; height:155px; overflow:hidden;float:left; display:inline; margin-right:24px; padding:9px; background:#473227}

#viewer3{width:931px; height:173px; overflow:hidden;margin-left:35px}
#viewerFrame3{width:1000px; height:173px; clear:both; padding:0}
#viewerFrame3 li{width:196px; height:155px; overflow:hidden;float:left; display:inline; margin-right:24px; padding:9px; background:#473227}





/*页面5*/
li#webpage5{height:874px; background-color:#1d1d1d;position:relative;}
li#webpage5 #page5content{height:72px;padding-top:59px;position:absolute;top:0;left:50%;margin-left:-429px;}
li#webpage5 #page5content .pagetitle{top:59px;}

/*页面6*/
li#webpage6{height:741px; background:url(http://static.sdg-china.com/rift/pic/act/halloffame/background/page6_bg.jpg) center top no-repeat;}
li#webpage6 #page6content{height:557px;padding-top:52px; text-align:center;}
li#webpage6 #page6content .pagetitle{top:52px;}
li#webpage6 #page6content .page6img{margin-top:31px;}
li#webpage6 #page6content p{color:#8caacc;padding:18px 0;}
li#webpage6 #page6content table{width:254px; margin:0 auto;}
li#webpage6 #page6content td{color:#fff;}
li#webpage6 #page6content td input{border:0 none;color:#fff;background-color:#000;width:210px;height:22px;padding:2px 5px;font-size:12px;line-height:22px;}
li#webpage6 #page6content td input.text1{color:#424f5f;}
li#webpage6 #page6content td input.subbutton{width:auto;height:auto;padding:0;}


#jquery-overlay {position: absolute;top: 0;left: 0;z-index:1111;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index:11111;text-align: center;line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev { left: 0; float: left;}
#lightbox-nav-btnNext { right: 0; float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px; color: #000; font-size:12px; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;	}			
#lightbox-secNav-btnClose {width: 66px; float: right;padding-bottom: 0.7em;	}