h1 {
text-align:center;
font-family:'Engagement', sans-serif;
font-size:88px;
font-weight:normal;
color:#606060;
}

#content {
width:740px;
}

.demo1 {
float:left;
width:740px;
height:600px;

-moz-box-shadow:0 0 5px #ddd;
-webkit-box-shadow:0 0 5px #ddd;
box-shadow:0 0 5px #ddd;
}

.menuMap {
margin-bottom:40px;
text-align:center;
}

.menuMap a {
color:#D7363A;
font-size:11px;
font-weight:bold;
margin:0 10px;
}

.preloader {
background:url(../images/loader.gif) no-repeat center #fff;
}

.marker {
display:block;
text-indent:-9999px;
width:15px;
height:23px;
outline:none;
background:url(../images/marker.png) no-repeat;
cursor:pointer;
}

.popup {
width:200px;
position:absolute;
padding:8px;
background:#3286dc;
color:#fff;
font-weight:normal;
font-size:11px;
line-height:20px;
border:0px solid #fff;
filter:alpha(opacity=80); /*IE滤镜，透明度50%*/
-moz-opacity:0.8; /*Firefox私有，透明度50%*/
opacity:0.8;/*其他，透明度50%*/
}

.popup a{
color:#fff;
display:block;
width:200px;
word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

.popup a:hover{
text-decoration:underline;
}

.popup h3 {
margin:0;
margin-bottom:5px;
font-family: 'Cabin Condensed', sans-serif;
font-weight:bold;
font-size:12px;
}

.popup .close {
display:block;
text-indent:-9999px;
position:absolute;
top:4px;
right:4px;
width:16px;
height:16px;
outline:none;
background:url(../images/close.gif) no-repeat;
cursor:pointer;
}

.relative {
position:relative;
}

.controls {
position:absolute;
top:20px;
left:20px;
z-index:20;
}

.controls a {
color:#fff;
background:#2b7ccb;
background:rgba(0, 0, 0, .4);
display:block;
float:left;
clear:both;
font-size:11px;
font-weight:bold;
line-height:28px;
margin-bottom:4px;
outline:none;
padding:0 15px;
text-decoration:none;
}

.controls a:hover {
background:#eee;
color:#2a2a2a;
}

.controls .active {
background:#D7363A;
color:#fff;
}