.mapWrap{background: #fff}
#myMap{margin:0 auto;width: 1200px;height: 700px;background:url(/cgnine/xhtml/images/myMap.png) center center no-repeat transparent;position: relative;}
#myMap .mark{position: absolute;left: 0;bottom: 0;width: 300px;background-color: transparent;}
#myMap .mark h1{font-size: 16px;color: #034880;font-weight: bold;padding:5px;}
#myMap .mark li{float: left;width: 50%;height: 30px;}
#myMap .mark li a{display:inline-block;width: 100%;height: 30px;}
#myMap .point,#myMap .mark i{position: absolute;left: -9999px;top: -9999px;display: block;width: 20px;height: 26px;background-position: center center;background-color: transparent;background-repeat: no-repeat;z-index: 1}
#myMap .mark i{display: inline-block;width: 20px;height: 26px;left: auto;top: auto;bottom: 0;position: relative;vertical-align: middle;margin-right: 5px;}
#myMap .point.Wind,#myMap .mark i.Wind{background-image: url(/cgnine/xhtml/images/Wind.png);}
#myMap .point.Gas,#myMap .mark i.Gas{background-image: url(/cgnine/xhtml/images/Gas.png);}
#myMap .point.Solar,#myMap .mark i.Solar{background-image: url(/cgnine/xhtml/images/solar.png);}
#myMap .point.Biomass,#myMap .mark i.Biomass{background-image: url(/cgnine/xhtml/images/Biomass.png);}
#myMap .point .popBox{position: absolute;left: 20px;top: 0;width: 360px;color: #fff;font-size: 12px;display: none;z-index: 999}
#myMap .point.Wind    .popBox{background-color:#8fc31f }
#myMap .point.Gas     .popBox{background-color:#00aae8 }
#myMap .point.Solar   .popBox{background-color:#ffd900 }
#myMap .point.Biomass .popBox{background-color:#ed6c00 }
#myMap .point .popBox .popFlag{height: 70px;float: left;}
#myMap .point .popBox .popContent{padding: 0 5px;overflow: hidden;}
#myMap .point .popBox .popContent p{line-height: 1.3;margin: 0;}
#myMap .point .popBox .popContent p a{color: #fff;white-space: nowrap;}
#myMap .point .popBox .popContent p a:hover{color: #ddf3ff}
#myMap .point .popBox .popContent p span{padding: 0 3px}
#myMap .point .popBox .popContent .title{font-size:15px;font-weight: bold;}