@charset "utf-8";

/* CSS Document */



.network{width:1000px; margin:0 auto;border: 1px solid rgb(181, 181, 181); margin-bottom:50px;}

.stores{width:365px;float:right; background:#f7f7f7;}

.header{color:#d51119;}



#main_container div.network div.changecontent{width:610px; height:540px;overflow:hidden; position:relative}

#main_container div.network div.map{ width:610px; height:540px;position:relative;}



#main_container div.network div.welcome{ display: none; left:24px; top:23px; font-size:20px; color:#646464; margin-bottom:37px; position:absolute}



#main_container div.network div.storedetail{  width:753px; height:536px; position:absolute;top:0;left:0; display:none; z-index:100; background-color:#ffffff}

#main_container div.network div.storedetail div.storename{ margin-left:13px; margin-top:14px; font-size:20px; color:#646464}

#main_container div.network div.storedetail div.address{ margin-top:12px;}

#main_container div.network div.storedetail div.address,

#main_container div.network div.storedetail div.tel,

#main_container div.network div.storedetail div.fax{ font-size:12px; color:#868686;margin-left:13px;}

#main_container div.network div.storedetail div.tel,

#main_container div.network div.storedetail div.fax{ float:left; margin-right:1px;}

#main_container div.network div.storedetail div.return,

#main_container div.network div.storedetail div.googlemap{ float:right; margin-top:22px; margin-right:11px; padding-right:11px; font-size:12px; color:#646464; cursor:pointer; *background-position:right 1px; _margin-right:6px;}

#main_container div.network div.storedetail div.googlemap{ position:absolute; right:11px; top:50px; margin:0; background-position:right 7px}

#main_container div.network div.storedetail div.googlemap img{ margin-right:6px; }

#main_container div.network div.storedetail div.googlemap a{font-size:12px; color:#646464; text-decoration:none}

#main_container div.network div.storedetail div.storepicture{ padding-left:5px; padding-right:5px; padding-bottom:7px; padding-top:17px; clear:both; text-align:center}





#main_container div.network div.stores { width:378px;height: 540px; background-color: #f7f7f7; margin:5px; _margin:0px;}











#main_container div.network div.stores ul li.current a div.bg span.title,

#main_container div.network div.stores ul li a:hover div.bg span.title{ }







/*еʽ*/

.searchbox{ padding-left: 16px; padding-right: 16px;}

.searchbox h3.title{ font-size: 16px;font-weight: normal; margin: 7px 0 6px 0;height:36px; line-height:30px; border-bottom:1px dashed #999999;}

.searchbox h4{ font-size: 12px; font-weight: normal; margin: 0 0 4px 0;}

.searchbox .icon{ height: 16px; width: 10px; display: inline-block; line-height: 16px;}

.searchbox .province{ border: 1px solid #ccc;height:34px; width: 131px;line-height: 34px;}

.searchbox .province span{ display: inline-block;float:left;width: 104px; line-height: 34px; font-size: 12px; color: #666; text-align: center;}

.searchbox .province a{   background:url("../images/search_select_button.png") no-repeat; float: right; width: 27px; height: 28px; display: inline-block;}

.searchbox .provincelist{background-color: #FFFFFF; overflow: auto; display: none; border: 1px solid #C3C3C3; height: 200px; margin-top: -21px; position: absolute; width: 131px; z-index: 10000;}

.searchbox .provincelist li{border-bottom: 1px solid #C3C3C3; color: #868686;  cursor: pointer; font-size: 12px; height: 20px; padding-left: 4px; padding-top: 5px;}

.searchbox .provincelist li.current{ background-color: #ededed}

.searchbox .line{ border-top: dashed 1px #a0a0a0; margin: 14px 0 8px 0}

.searchbox div.keyword{line-height: 30px;}

.searchbox input.keyword{ border: 1px solid #ccc; padding: 7px; width: 256px; height: 16px; float: left;}

.searchbox a.searchbutton{float: left; text-align: center; text-decoration: none;  color: #000; font-size: 12px; height: 37px; width: 65px; display: inline-block; margin-left: 4px}

.searchbox .storetype{ font-size: 12px; line-height: 30px;clear: both;}

.searchbox .storetype span{float:left;}

.searchbox .storetype input{ position: relative; top: 3px;}



.xin{height:50px; padding-top:20px;}



.storelist{ display: block;}

.storelist .title{border-bottom: 1px dashed #B5B5B5; width:360px; height:36px; margin:0 auto;}

.storelist .title .icon{ border-right: 1px solid #B5B5B5; line-height:36px; height: 36px; width: 33px;  float: left;}

.storelist .title .text{ color: #333; font-size: 14px; line-height: 36px; margin-left: 16px; float: left;}

.storelist .title .return{ color: #333333; float: right;  font-size: 12px; line-height: 36px;  padding-left: 12px; text-decoration: none; margin-right: 12px}

.storelist ul{ }

.storelist ul li{ clear: both; position: relative; border-bottom: 1px solid #f2f2f2; font-size: 12px; padding: 10px 0 6px 9px}

.storelist ul li.current, .storelist ul li.selected{background-color: #edf1f5;}

.storelist ul li .number{ float: left; margin-left: 0px; margin-right: 8px; line-height: 16px; height: 16px; width: 18px; text-align: center;background-color: #d51119; color: #fff}

.storelist ul li .info{ float: left;  width: 305px;line-height: 20px}

.storelist ul li .info .header .icon{ line-height: 16px; padding: 2px 16px 4px 6px; padding: 4px 16px 2px 6px\9; padding: 3px 16px 2px 6px\9\0; color: #FFFFFF;display: inline-block;margin-left: 6px;}

.storelist ul li .info .header .icon.dealer{ background-position: right -19px; display:none;}

.storelist ul li .info .text{ color: #666}

.storelist ul li .info .links { margin-top: 6px;}

.storelist ul li .info .links a{ display: inline-block;line-height: 30px; float: left; margin-right: 12px; color: #000; text-decoration: none;}

.storelist ul li .info .links a.map{  padding-left: 18px}

.storelist ul li .info .links a.picture{ padding-left: 22px}





.changecontent{float:left;}

/*ٶȵͼ*/

.storemap{ display: none; position:relative; margin: 10px 15px 10px 15px;}

.storemap h3,.storepicture h3{ font-size: 18px; color: #333; margin:0; font-weight: normal;margin-bottom: 12px;}

.storemap .return,.storepicture .return{ font-size: 12px; padding-left: 12px; line-height: 18px; color: #000; text-decoration: none; position: absolute;right: 2px; top:0px;}

.storemap .address,.storepicture .picturecount{font-size: 12px; color: #666}

.storemap .baidumap,.storepicture .picturelist{ width: 602px; height: 466px; margin-top: 3px;}

.map_massage li{ font-size: 12px; color: #666}

.map_massage li.title{ color: #000}

/*̵ͼƬ*/

.storepicture{ display: none;position:relative; margin: 10px 15px 10px 15px;}

.storepicture .picturelist{ overflow: hidden;}

.storepicture .picturelist ul{ width:1806px }

.storepicture .picturelist li{ float: left;}

.storepicture .picturelist img{ width: 602px; height: 466px; }

.storepicture a.prev,.storepicture a.next{ background: url(../images/changecontent_picture_arrow_icon.png) no-repeat;  position: absolute;top: 240px; width: 23px; height: 37px; display:none; }

.storepicture a.prev{ left: 6px;}

.storepicture a.next{ right: 6px;background-position: -65px 0;}

/*ϸϢʽ*/



#main_container div.network div.smallstoredetail{  width:221px;display:none; position:absolute;top:0;left:0; display:none; z-index:110; padding-bottom:8px}

#main_container div.network div.smallstoredetail div.bg{ width:215px; padding-left:11px; /*padding-right:9px;*/ padding-top:9px ;}

#main_container div.network div.smallstoredetail div.bg div.smallstorepicture{ padding-bottom:7px;}

#main_container div.network div.smallstoredetail div.bg div.loading{ height:150px;}

#main_container div.network div.smallstoredetail div.bg div.storename,

#main_container div.network div.smallstoredetail div.bg div.address,

#main_container div.network div.smallstoredetail div.bg div.intro,

#main_container div.network div.smallstoredetail div.bg div.googlemap a,

#main_container div.network div.smallstoredetail div.bg div.viewpicture a{font-size:12px; color:#646464}

#main_container div.network div.smallstoredetail div.bg div.smallstorepicture,

#main_container div.network div.smallstoredetail div.bg div.loading,

#main_container div.network div.smallstoredetail div.bg div.storename,

#main_container div.network div.smallstoredetail div.bg div.address,

#main_container div.network div.smallstoredetail div.bg div.intro{ width:180px; margin-bottom:4px;}

#main_container div.network div.smallstoredetail div.bg div.intro img{ margin-bottom:1px; margin-right:3px;}

#main_container div.network div.smallstoredetail div.bg div.googlemap a,

#main_container div.network div.smallstoredetail div.bg div.viewpicture a{ text-decoration:none}

#main_container div.network div.smallstoredetail div.bg div.viewpicture a{  padding-right:12px;line-height:24px;*line-height:26px; *background-position:right 1px}

#main_container div.network div.smallstoredetail div.bg div.googlemap,

#main_container div.network div.smallstoredetail div.bg div.viewpicture{ float:left; margin-right:8px; height:25px;margin-bottom:12px;}

#main_container div.network div.smallstoredetail div.bg div.googlemap img,

#main_container div.network div.smallstoredetail div.bg div.viewpicture img{ margin-right:6px;margin-bottom:2px;}

#main_container div.network div.smallstoredetail div.bg div.intro{ clear:both; margin-bottom:12px;}



/*¹*/

#main_container div.network div.stores .jspHorizontalBar{ display: none;}

#main_container div.network div.stores .jspVerticalBar{}

#main_container div.network div.stores .jje{width:11px; height:225px; background:#fdfdfd; border-left:1px solid #bebebe; border-right:1px solid #bebebe; display:none;}

.jspCapTop{display:none;}

.jspCapBottom{display:none;}

#main_container div.network div.stores .jspTrack{background: none}

#main_container div.network div.stores .jspDrag{}

#main_container div.network div.stores .jspDragTop{ position: absolute; top: 0; height: 9px; width: 6px;}



/* 背景加边框写法 background: url("../images/scrollpane_drag_up.gif") no-repeat scroll 1px top #FFFFFF;*/



#main_container div.network div.stores .jspDragBottom{ position: absolute; bottom: 0px; height: 9px; width: 6px;}

#main_container div.network div.stores .jspArrow {height: 8px}





/**/

#main_container div.network div.stores div.scrollpane{/* height:239px;*/}

#main_container div.network div.stores .jScrollPaneContainer {	position: relative;	overflow: hidden;z-index: 1; outline:none}

#main_container div.network div.stores .jScrollPaneTrack {	position: absolute;	cursor: pointer;right: 1px;top: 0px;height: 100%;background: #ffffff; /*border-left:1px solid #b5b5b5;*/ margin-bottom:1px; }

#main_container div.network div.stores .jScrollPaneDrag {position: absolute;/*background-color: #646464;*/cursor: pointer;	overflow: hidden; margin-left:1px;}

#main_container div.network div.stores .jScrollPaneDragTop {position: absolute;top: 0;left: 0;	overflow: hidden; height:9px; background:#ffffff; _background-position:0px top;/*border-bottom:1px solid #ffffff;*/}

#main_container div.network div.stores .jScrollPaneDragBottom {position: absolute;	bottom: 0;left: 0;overflow: hidden;height:9px; background:#ffffff; _background-position:0px top; /*border-top:1px solid #ffffff*/}

#main_container div.network div.stores a.jScrollArrowUp {display: block;position: absolute;z-index: 1;	top: 0;	right: 1px;text-indent: -2000px;overflow: hidden;	/*background-color: #666;*/	height: 8px;}

#main_container div.network div.stores a.jScrollArrowUp:hover {/*background-color: #f60;*/}

#main_container div.network div.stores a.jScrollArrowDown {display: block;	position: absolute;	z-index: 1;	bottom: 0;right: 1px;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/	height: 8px;}

#main_container div.network div.stores a.jScrollArrowDown:hover {/*background-color: #f60;*/}

#main_container div.network div.stores a.jScrollActiveArrowButton,

#main_container div.network div.stores a.jScrollActiveArrowButton:hover {/*background-color: #f00;*/}

#main_container div.network div.stores a.jScrollArrowUp,

#main_container div.network div.stores a.jScrollArrowUp:hover {background: #ffffff;}

#main_container div.network div.stores a.jScrollArrowDown {#ffffff;}

#main_container div.network div.stores a.jScrollArrowDown:hover { }

#main_container div.network div.stores a.jScrollActiveArrowButton,

#main_container div.network div.stores  a.jScrollActiveArrowButton:hover {background-position: 0 0px;}

#main_container div.network div.stores .scroll-pane {width: 313px;height: 330px;overflow: auto;float: left;}



/*2.0*/

.jspContainer{overflow:auto;position: relative;}

.jspPane{position: absolute;}

.jspVerticalBar{position: absolute;top: 0;right: 0;width: 16px;height: 100%; padding-top:80px;}

.jspHorizontalBar{position: absolute;bottom: 0;left: 0;width: 100%;height: 16px;}

.jspVerticalBar *,.jspHorizontalBar *{margin: 0;padding: 0;}

.jspCap{display: none;}

.jspHorizontalBar .jspCap{float: left;}

.jspTrack{background: #dde;position: relative;}

.jspDrag{background: #bbd;position: relative;top: 0;left: 0;cursor: pointer;}

.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float: left;height: 100%;}

.jspArrow{text-indent: -20000px;display: block;cursor: pointer;}

.jspArrow.jspDisabled{cursor: default;}

.jspVerticalBar .jspArrow{height: 16px;}

.jspHorizontalBar .jspArrow{width: 16px;float: left;height: 100%;}

.jspVerticalBar .jspArrow:focus{outline: none;}

.jspCorner{background: #eeeef4;float: left;height: 100%;}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */

* html .jspCorner{margin: 0 -3px 0 0;}

.selector{
    width: 10em;
    padding: .3em .5em;
}

@media all and (max-width:1024px){
#map_container{ width:632px; margin:0px auto;}	
	.network {
    width: 100%;
    margin: 0px auto;
    border: 1px solid rgb(181, 181, 181);
    margin-bottom: 50px;
}
#main_container div.network div.map {
    width: 100%;
    height: 100%;
    position: relative;
}
#main_container div.network div.changecontent {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;

}
#main_container div.network div.stores {
    width: 97%;
    height: 100%;
    background-color: #f7f7f7;
    margin: 5px;
    _margin: 0px;
}
    }