body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,table,th,td{margin:0;padding:0;}
body{font-size:12px;color:#333; font-family:"宋体",Arial,Helvetica,sans-serif;}
input,select,button,textarea{vertical-align:middle;font-size:12px;}
ol,ul{list-style:none;}img{border:0;}em{font-style:normal;}
a{color:#faff68;text-decoration:none;}
a:hover{text-decoration:underline;}

html{background:url(../images/history02.jpg) repeat-x #080000;}
body{background:url(../images/history01.jpg) no-repeat center top;}
.home{position:absolute;top:45px;right:15px;color:#ffa838;}
.home a{color:#ffa838;}
.main{width:797px;margin:0 auto;padding:39px 0 0 203px;height:723px;position:relative;}
.emperor{width:760px;position:relative;}
.emperor a{display:block;width:180px;height:180px;overflow:hidden;line-height:14px;}
.emperor div{position:absolute;width:180px;}
.emperor div span{display:block;height:132px;width:180px;text-indent:-9999px;cursor:pointer;}
.emperor div a:hover span{background:url(../images/head01.jpg) no-repeat;}
.emperor div h3{color:#faff68;padding:8px 8px 0 17px;cursor:pointer;font-size:12px;font-weight:normal;height:19px;line-height:18px;overflow:hidden;}
.emperor div a h3{color:#faff68;}
.emperor div em{color:#ffa838;display:block;text-align:right;padding-right:15px;cursor:pointer;}
.emperor div a em{color:#ffa838;}
.emperor .emperor01{top:52px;left:0;}
.emperor .emperor02{top:0;left:192px;}
.emperor .emperor02 a:hover span{background:url(../images/head02.jpg) no-repeat;}
.emperor .emperor03{top:0;left:385px;z-index:100;}
.emperor .emperor03 a:hover {text-decoration:none;}
.emperor .emperor03 a:hover span{background:url(../images/head03.jpg) no-repeat;}
.emperor .emperor04{top:40px;left:578px;}
.emperor .emperor04 a{width:180px;height:196px;}
.emperor .emperor04 span{height:146px;}
.emperor .emperor04 a:hover span{background:url(../images/head04.jpg) no-repeat;}
.emperor .emperor05{top:236px;left:103px;}
.emperor .emperor05 a{width:180px;height:160px;}
.emperor .emperor05 span{height:110px;}
.emperor .emperor05 a:hover span{background:url(../images/head05.jpg) no-repeat;}
.emperor .emperor06{top:200px;left:290px;}
.emperor .emperor06 a{width:180px;height:250px;}
.emperor .emperor06 span{height:200px;}
.emperor .emperor06 a:hover {text-decoration:none;}
.emperor .emperor06 a:hover span{background:url(../images/head06.jpg) no-repeat;}
.emperor .emperor07{top:227px;left:470px;}
.emperor .emperor07 a{width:180px;height:170px;}
.emperor .emperor07 span{height:117px;}
.emperor .emperor07 a:hover {text-decoration:none;}
.emperor .emperor07 a:hover span{background:url(../images/head07.jpg) no-repeat;}

.list_on{display:none;}
.list{width:55px;height:180px;top:178px;left:62px;border:1px solid #e0c853;border-left:0; position:absolute;z-index:100;background:#c50b27;}
.list li{float:left;width:26px;text-align:center;border-left:1px solid #e0c853;}
.list li a{color:#faff68;width:16px;height:170px;padding:5px 5px;background:url(../images/history03.jpg) no-repeat left bottom;}
.emperor06 .list{top:247px;height:133px;}
.emperor06 .list li a{width:16px;height:123px;}
.emperor07 .list{top:165px;height:188px;}
.emperor07 .list li a{width:16px;height:178px;}
.emperor .current{top:0;left:385px;z-index:100;background:url(../images/head03.jpg) no-repeat;}
.emperor .current a:hover {text-decoration:none;}
.emperor .current a:hover span{background:url(../images/head03.jpg) no-repeat;}
.emperor .current06{top:200px;left:290px;}
.emperor .current06 a{width:180px;height:250px;}
.emperor .current06 span{height:200px;background:url(../images/head06.jpg) no-repeat;}
.emperor .current06 a:hover {text-decoration:none;}
.emperor .current06 a:hover span{background:url(../images/head06.jpg) no-repeat;}
.emperor .current06 .list{top:247px;height:133px;}
.emperor .current06 .list li a{width:16px;height:123px;}
.emperor .current07 .list{top:165px;height:188px;}
.emperor .current07 .list li a{width:16px;height:178px;}
.emperor .current07{top:227px;left:470px;}
.emperor .current07 a{width:180px;height:170px;}
.emperor .current07 span{height:117px;background:url(../images/head07.jpg) no-repeat;}
.emperor .current07 a:hover {text-decoration:none;}
.emperor .current07 a:hover span{background:url(../images/head07.jpg) no-repeat;}