.main { width:100%; min-height:100%; margin-bottom:15px; position:relative; z-index: 1}
.sider { width: 368px; height:100%; position: absolute;left: 0; top: 0; background: #f7f7f7; overflow:hidden; box-shadow: 2px -1px 3px rgba(0,0,0,.3); z-index: 99999; *filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999, direction=90, strength=3);
-ms-filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999, direction=90, strength=3)
}
.sort { z-index: 100; height: 34px; line-height: 34px; position: relative; padding: 0 0 0 12px;  border-bottom: #ccc 1px solid; overflow: hidden; background:#F1F1F1;}
.sort strong { margin: 0 5px; color: #f60; font-weight: bold }
.sort ul { position: absolute; right: 0; top: 0; height: 34px }
.sort ul li { float: left; position: relative; height: 34px; line-height: 34px; width: 48px; text-align: center; padding: 0 0 0 2px; cursor: pointer; background: url(../images/sortside.gif) no-repeat left top }
.sort ul li.hover { color: #690 }
.sort ul li .micon { position: absolute; right: 7px; top: 14px }
.result { padding: 3px 0 0; background: url(../images/shadow.gif) repeat-x #fff; overflow-x: hidden; overflow-y: auto }
.imgDemo {border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-shadow:1px 1px 3px #999666; margin-bottom:5px;}

.map { position: relative; margin-left: 368px;  height:760px;  z-index: 100 }
#bmap { height:100%;width:100%; display:block; }
.siderbtn {   position: absolute; cursor: pointer; left: 0; top: 50%; margin-top: -50px; width: 24px; height: 100px; overflow: hidden; background: url(../images/mapbtn32.png) no-repeat left top; _background: url(../images/mapbtn.png) no-repeat left top }
.siderbtn-on { background-position: -27px 0 }
.siderbtn-hover { background-position: -54px 0 }
.siderbtn-on-hover { background-position: -81px 0 }
.loading{
	padding:5px 10px;
    display: none;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius: 5px;
    background: rgba(0,0,0,.8);
    z-index: 20000;
}
.loading.show{
    display:block;
}
.bubble {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 80px;
    background-color: rgba(218,92,79,0.9);
    color: #fff;
    font: 12px/15px Hei,\5fae\8f6f\96c5\9ed1;
    text-align: center;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.bubble.hover,.bubble:hover {
    cursor: pointer;
    background-color: rgba(100,180,0,0.9);
    -webkit-transform: scale(1.2);
    -moz-transform:scale(1.2);
    transform:scale(1.2);
}
.bubble > * {
    display: block;
    width: 75%;
    margin: 0px auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.bubble>p{
    margin-top: 5px;
}
.bubble > address {
    margin-top: 15px;
}
.bubble > strong {
    margin-top: 3px;
    font-weight: normal;
}
.tool { top:20px;background:#FFFFFF;}
.tool a { width:65px; height:40px; display:block; line-height:40px; text-align:center; background-color:#ffffff;
    border:1px solid transparent;
    -moz-box-shadow:0px 2px 3px rgba(11,3,6,.4);
    -webkit-box-shadow:0px 2px 3px rgba(11,3,6,.4);
    box-shadow:0px 2px 3px rgba(11,3,6,.4);
  }
  label,label:after, label:before {box-sizing:content-box ;max-width:500px;}
/* 周边 */
.draw-list{ position:absolute; top: 20px; right: -60px;  z-index: 9999;}
.bg-icon{
    float:right;
    *display:inline ;
    *zoom:1 ;
    display: inline-block;
    width:16px;
    height:16px;
    margin-top:10px;
    background:url(../images/map-icons.png) no-repeat;
    background-position:5px -67px;
}
.draw-list>p{
    padding:0px 14px;
    color:#666;
    width:80px;
    height: 37px;
    cursor:default!important;
    line-height: 37px;
    font-size:14px;
    text-align:center;
    background-color:#ffffff;
    border:1px solid transparent;
    -moz-box-shadow:0px 2px 3px rgba(11,3,6,.4);
    -webkit-box-shadow:0px 2px 3px rgba(11,3,6,.4);
    box-shadow:0px 2px 3px rgba(11,3,6,.4);
    box-sizing:content-box
}
.draw-list>p:hover,.draw-list>p.active,.draw-list:hover>p{
    cursor:pointer;
    color:#da5c4f;
    background-color:#fef4f3;
    border:1px solid #da5c4f;
    -webkit-box-shadow:0px 0px 5px -1px #da5c4f;
    -moz-box-shadow:0px 0px 5px -1px #da5c4f;
    box-shadow: 0px 0px 5px -1px #da5c4f;

}
.draw-list>p.active .bg-icon{
    background-position: 5px -17px;
}
.draw-list:hover .bg-icon{
    background-position: 5px 7px !important;
}
.draw-list ul{
    position:absolute;
    top:43px;
    z-index:100;
    display:none;
    width:108px;
    padding:11px 0px;
     border:1px solid #da5c4f;
    -webkit-box-shadow:0px 0px 5px -1px #da5c4f;
    -moz-box-shadow:0px 0px 5px -1px #da5c4f;
    box-shadow: 0px 0px 5px -1px #da5c4f;
    background-color:#fff4f0;
}
.draw-list li{
    color:#999;
    font-size:14px;
    cursor:pointer;
    padding-left:45px;
    line-height:30px;
    background:url(../images/map-icons.png) no-repeat;

 }
.draw-list li:hover,.draw-list li.active{
     color:#da5c4f;
 }

 .draw-list li[data-index="0"]{
   background-position:20px -93px
}
 .draw-list li[data-index="0"]:hover, .draw-list li[data-index="0"].active{
    background-position:20px -267px;
 }
 .draw-list li[data-index="1"]{
   background-position:20px -127px;
}
 .draw-list li[data-index="1"]:hover, .draw-list li[data-index="1"].active{
   background-position:20px -301px;
}
 .draw-list li[data-index="2"]{
   background-position:20px -161px;
}
 .draw-list li[data-index="2"]:hover, .draw-list li[data-index="2"].active{
   background-position:20px -335px;
}
 .draw-list li[data-index="3"]{
   background-position:20px -196px;
}
 .draw-list li[data-index="3"]:hover, .draw-list li[data-index="3"].active{
   background-position:20px -370px;
}
 .draw-list li[data-index="4"]{
   background-position:20px -231px;
}
 .draw-list li[data-index="4"]:hover, .draw-list li[data-index="4"].active{
   background-position:20px -405px;
}
 .draw-list li[data-index="-1"]{
    background:url(../images/map-icon-null.png) no-repeat;
   background-position:20px 7px;
}
 .draw-list li[data-index="-1"]:hover, .draw-list li[data-index="-1"].active{
   background-position:20px -181px;
}
/*检索结果*/
.se-result {
   padding: 3px 10px;
    display:none ;
}
.se-result ul {
        display: block;
    list-style-type: disc;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 10px;
     
}
.se-result li {
    position: relative;
    float: left;
    display: inline-block;
    height: 19px;
    line-height: 19px;
    width: auto;
    padding-left: 5px;
    padding-right: 20px;
    margin-left: 5px;
    border: 1px solid #da5c4f;
    color: #da5c4f;
}
.se-result .closing {
    position: absolute;
    top: 1px;
    right: 0;
    width: 20px;
    height: 18px;
    background: url("../images/icon-select.png") no-repeat;
    background-position: 0 -11px;
}
.se-result li:hover{
    background: #da5c4f;
    color: #fff;
}
.se-result li:hover .closing{
    background-position: 0 -29px;
}
.se-result .delete {
    display: inline-block;
    height: 21px;
    line-height: 21px;
    margin-left: 15px;
}
.se-result .delete i{
    display: inline-block;
    width: 22px;
    height: 21px;
    float: left;
    background: url("../images/clear-bg-new.png") no-repeat -15px 3px;
}
.se-result .delete:hover{
    color: #da5c4f;
}
.se-result .delete:hover i{
    background: url("../images/clear-bg-new.png") no-repeat 4px 3px;
}
/* 切换 */
.switch{
    position:absolute;
    top:50%;
    right:-10px;
    width:20px;
    height:40px;
    z-index: 5;
    cursor:pointer;
    margin-top:-20px;
    background:url(../images/half.png) no-repeat 0px -60px;
}
.switch.active{
    background:url(../images/half.png) no-repeat 0px 0px;
}
/*地图刷新开关*/
.redraw-switch>p{
    color:#666;
    width:183px;
    height: 37px;
    line-height: 37px;
    font-size:14px;
    text-align:center;
    background-color:#ffffff;
    border:1px solid transparent;
    -moz-box-shadow:0px 2px 3px rgba(11,3,6,.4);
    -webkit-box-shadow:0px 2px 3px rgba(11,3,6,.4);
    box-shadow:0px 2px 3px rgba(11,3,6,.4);
    cursor: pointer;
}
.redraw-switch>p.btn-refresh
{
    display: none;
    background-color:#da5c4f;
    color: #fff;
}
.redraw-switch>p label{
    cursor: pointer;
    margin-left: 5px;
}
.btn-switch{
    opacity: 0;
    filter:Alpha(opacity=0);
    width: 12px;
    height: 12px;
    position: relative;
    top: 1px;
    right: -17px;
    margin-left: -17px;
    z-index: 3;
    cursor: pointer;
}
.btn-switch~a{
    position: relative;
    top: 1px;
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url("../images/ico-refresh.png") no-repeat;
    background-position: 0 -1px;
}
.btn-switch:checked~a{
    background-position: -13px -1px;
}
.redraw-switch>p.btn-refresh i{
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("../images/ico-refresh.png") no-repeat -25px 0;
    position: relative;
    top:2px;
    margin-right:5px;
}
.clearfix:after {    
	clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
  }
 #reslist ul{ padding:4px; }
 #reslist ul li { border-bottom:1px solid #F7F7F7; padding:0px; margin-top:5px; min-height:100px; overflow: hidden;position: relative; }
 #reslist ul li:hover { background:#FBFBE9;}
 #reslist ul li a.img {float:left; width:130px; height:88px;}
 #reslist ul li a.img img { border-radius:3px;}
 #reslist ul li:hover a.img img { box-shadow:1px 0px 5px #999999}
 
 #reslist ul li .are-info a { font-weight:bold; font-size:14px; display: block;}
 #reslist ul li .are-info span { color:#EE4236}
 #reslist ul li .are-info p { color:#666666}

 .searchlist { line-height:35px; padding:3px 20px; }
 
 .navbar-inverse {
    background-image: -webkit-linear-gradient(top, #EE4236 0%, #EE4236 100%);
    background-image: -o-linear-gradient(top, #EE4236 0%, #EE4236 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#EE4236), to(#EE4236));
    background-image: linear-gradient(to bottom, #EE4236 0%, #EE4236 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffEE4236', endColorstr='#ffEE4236', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
     box-shadow: 0 1px 5px rgba(0,0,0,.3);
     z-index:99999999;
}
.navbar-inverse {
    background-color: #EE4236;
    border-color: #080808;
}
.navbar-inverse .navbar-nav>li>a {  color:#FFF}