/* CSS Document 
 @ by mengqing  
 @ update: 2013-03-20 10:47
*/
body{background:#e57174;}
.icoIndex{width:19px; height:19px; display:block; position:absolute; background:url(https://static.web.sdo.com/dn/pic/dn_act/20130329xlm/map/mmLove.png) no-repeat;}
.w1002{width:1002px; margin:0 auto;}
#header{width:100%; height:42px; background:url(https://static.web.sdo.com/dn/pic/dn_act/20130329xlm/map/headerBg.png) repeat-x;}
#wrap{width:100%; background:url(https://static.web.sdo.com/dn/pic/dn_act/20130828xlm2/mainBg.jpg) no-repeat 50% 0;}
.main{height:958px; background:url(https://static.web.sdo.com/dn/pic/dn_act/20130828xlm2/main3.jpg) no-repeat; position:relative;}
.mapWrap{padding:200px 0 0 200px;}

#mapBox{width:540px; height:440px; background:#f5f1e2;}
.southSea{width:45px; height:67px; position:absolute; top:560px; left:700px; background:url(https://static.web.sdo.com/dn/pic/dn_act/20130329xlm/map/map_nanhai.png) no-repeat;}
.jvectormap-label {
    position: absolute;
    display: none;
    border: solid 1px #CDCDCD;
    -moz-border-radius: 3px;
    background: #292929;
    color: white;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    padding: 3px;
	z-index:999;
}
.jvectormap-zoomin, .jvectormap-zoomout {
    position: absolute;
    -moz-border-radius: 3px;
    background: #292929;
    padding: 3px;
    color: white;
    width: 10px;
    height: 10px;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
	display:none;
}
.jvectormap-zoomin {left: 10px;top: 10px;}
.jvectormap-zoomout{left:10px;top: 30px;}
#popInfoBox{width:240px; border:1px solid #d8263b; background:#f86274; position:absolute; top:240px; left:728px; z-index:999; min-height:280px; height:auto !important; _height:280px; display:none;}
#popInfoBox .arrow{width:11px; height:14px; display:block; background:url(https://static.web.sdo.com/dn/pic/dn_act/20130329xlm/map/ico_corner.png) no-repeat; position:absolute; top:30px; left:-9px;}
#popInfoBox .btnInfoClose{width:16px; height:16px; display:block; position:absolute; top:0; right:0; background:url(https://static.web.sdo.com/dn/pic/dn_act/20130329xlm/btn_close2.png) no-repeat;}
#popInfoBox .infoCon{padding:10px;}
#popInfoBox .infoCon a:hover{text-decoration:none;}
#popInfoBox .infoCon h2{font-size:17px; color:#fff; text-align:center; margin-bottom:6px;}
#popInfoBox .infoCon li{padding:2px 0 2px 5px; position:relative; color:#666; background:#f9f4f4; margin-bottom:3px;}
#popInfoBox .infoCon li em{font:bold 15px Arial, Helvetica, sans-serif; color:#fa908e; padding-left:15px; background:url(https://static.web.sdo.com/dn/pic/dn_act/20130329xlm/girl_index.png) no-repeat 0 50%; position:absolute; top:4px; right:4px;}
#popInfoBox .infoCon .img{position:relative;}
#popInfoBox .infoCon .img em{width:41px; height:35px; display:block; background:url(https://static.web.sdo.com/dn/pic/dn_act/20130329xlm/ico_num1.png) no-repeat; position:absolute; top:0; right:5px;}
#popInfoBox .infoCon li span{margin-right:5px;}
#popInfoBox .infoCon .num1{background:#fff3c4;}
#popInfoBox .infoCon .num1 p{font-size:17px;}
/* 测试 */
#mapBox .state{z-index:995; cursor:pointer; width:25px; height:25px; display:block; position:absolute;}
#mapBox .s1{background:url(https://static.web.sdo.com/dn/pic/dn_act/20130329xlm/mmindex_1.png) no-repeat 50% 50%;}
#mapBox .s2{background:url(https://static.web.sdo.com/dn/pic/dn_act/20130329xlm/mmindex_2.png) no-repeat 50% 50%;}
#mapBox .s3{background:url(https://static.web.sdo.com/dn/pic/dn_act/20130329xlm/mmindex_3.png) no-repeat 50% 50%;}

#mapBox .test1{top:160px; left:350px;}
#mapBox .test2{top:220px; left:350px;}
/* 测试 End */

.progressBarBox{position:absolute; top:721px; left:58px;}
.progressBarBox .progressBarTips{padding:5px 12px; background:#f76274; border:1px solid #cd3335; color:#fff; position:absolute; top:30px; left:100px; z-index:9999; display:none;}
.progressBar{width:884px; height:20px; background:url(https://static.web.sdo.com/dn/pic/dn_act/20130329xlm/map/progressBar.png) no-repeat; position:relative;}
.progressBar .percent{height:20px; background:url(https://static.web.sdo.com/dn/pic/dn_act/20130329xlm/map/progressBar.png) no-repeat 0 -20px; position:absolute; top:0; left:0;}
.progressBarBox .icoIndex{top:1px;}
.progressBarBox .tips1,.progressBarBox .tips2{width:160px; height:51px; line-height:38px; text-align:center; color:#124637; overflow:hidden; position:absolute;}
.progressBarBox .tips1{background:url(https://static.web.sdo.com/dn/pic/dn_act/20130329xlm/map/ico_tip1.png) no-repeat; top:-51px;}
.progressBarBox .tips2{background:url(https://static.web.sdo.com/dn/pic/dn_act/20130329xlm/map/ico_tip2.png) no-repeat; top:22px;line-height:55px;}

.btnActIndex,.btnActInfo{width:225px; height:66px; display:block; position:absolute; top:840px;}
.btnActInfo{background:url(https://static.web.sdo.com/dn/pic/dn_act/20130329xlm/map/btn_explain.png) no-repeat; left:245px;}
.btnActIndex{background:url(https://static.web.sdo.com/dn/pic/dn_act/20130329xlm/map/btn_index.png) no-repeat; left:515px;}
.progressBarBox .tips3{width:360px; height:28px; margin-top:50px; line-height:38px; text-align:left;  overflow:hidden; position:absolute;}