﻿@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font-family:"宋体";background:#fff; width:100%; height:100%; color:#666; font-size:12px;}
h1,h2,h3,h4,h5,h6,h7,dl,dt,dd,p,pre,ul,li,form,button,input,select,hr,ol{margin:0; padding:0;}
ul,ol{list-style:none;}
img{border:0;}
button{cursor:pointer;}
a{text-decoration:none; color:#666;}
a:hover{color:#58461A ; text-decoration:none;}
input,select,textarea{color:#000;}
textarea{border:1px solid #ddd; overflow:scroll; overflow-x:hidden; overflow-y:auto;}
a{outline:none;/*IE8/火狐浏览器里面的虚线框的*/blr:expression(this.onFocus=this.blur());/*IE6/7浏览器里面的虚线框的*/}
area {outline:none;/*IE8/火狐浏览器里面的虚线框的*/blr:expression(this.onFocus=this.blur())}
.clear{height:1px; overflow:hidden; clear:both;}

.wrapmap{margin:0 auto;position:relative;width:100%;min-width:750px;}

/*地图*/
#maptitle{text-align:center;font-size:24px;color:#333;font-family:"微软雅黑";padding:36px 0 30px;}
#map-box{margin:0 auto;position:relative;overflow:hidden;}
#l-map{width:100%;height:1200px;z-index:1;overflow:hidden;}
#place{height:137px;background-color:#ccc;position:absolute;width:100%;top:0;left:0;box-shadow:0 0 10px 5px #aaa;z-index:20;}

    
.where{width:330px;height:75px;line-height:75px;background-color:#fff;border:1px solid #999;background:url(/piano/baiduapi/imgs/bg_city.jpg) no-repeat 0 0;background-size:100% 100%;float:left;margin:30px 20px 0;}
.where dt,.where dd a{cursor:pointer;color:#666;font-family:"宋体";font-size:30px;padding-left:10px;line-height:75px;display:block;}
.where dt{height:34px;}
.where dd a:hover{background-color:#eee;color:#000;}
.where dd{display:none;height:340px;overflow-y:scroll;background-color:#fff;margin-top:40px;}
#Province{left:26px;}
#City{left:326px;}

/*结果列表*/
#map-result{z-index:10;position:absolute;left:-530px;width:530px;top:137px;height:1135px;background-color:#ddd;}
#map-result h1{height:60px;background:url(/piano/baiduapi/imgs/bg_map_r.jpg) repeat-x 0 0;line-height:60px;font-family:"微软雅黑";color:#333;font-size:28px;text-indent:25px;font-weight:normal;}
#r-result{height:685px;margin-top:20px;overflow:hidden;padding-left:18px;position:relative;width:478px;padding-right:33px;}
#r-result dl{height:auto;overflow:hidden;position:relative;width:490px;border-bottom:1px #666 dashed;padding:40px 0;}
#r-result dt{float:left;padding:4px;background-color:#fff;width:140px;height:98px;}
#r-result dt img{width:140px;height:98px;cursor:pointer;display:block;}
#r-result dd{float:right;width:320px;line-height:24px;padding:4px 0;position:relative;height:98px;}
#r-result dd span{display:block;font-size:18px;color:#555;line-height:25px;}
#r-result dd span.title{font-size:20px;color:#333;padding-bottom:3px;font-weight:bold;}
#r-result dd span.coo{display:none;}
#r-result dd a{display:block;position:absolute;bottom:-30px;left:0;font-size:18px;}
#r-result dd a.setmap{left:0;padding-left:18px;background:url(/piano/baiduapi/imgs/list_setmap.png) no-repeat 0 0;}
#r-result dd a.detail{left:170px;padding-left:18px;background:url(/piano/baiduapi/imgs/list_detail.png) no-repeat 0 4px;}
#r-result dd a:hover{text-decoration:underline;color:#c00;}



#hidelist{display:block;position:absolute;right:-35px;top:0;cursor:pointer;height:100%;width:35px;text-align:center;line-height:642px;font-family:"黑体";font-size:40px;color:#000;opacity:0.9;font-weight:bold;background-color: #ccc;}
#hidelist:hover{opacity:1;background-color: #71cdeb;color:#fff;}
#map-result,#hidelist{
    -webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

#pathhtml{display:block;position:absolute;right:30px;top:27px;}
#r-result .error{font-size:14px;}

