@charset "utf-8";
/*
@:背景
@:
*/
.i_accidents, .i_construction, .i_typhoon,
.i_catering, .i_stations, .inputBg, .mapSearch .btn,
.i_regulatoryInfo, .i_realTimeTraffic, .i_trafficVideo, 
.i_GPS, .i_arr, .secCon h4 .icon, .i_dArr, .btn_highCosts{ background-image:url(../images/bg_travelByCar_iconSprite.png);background-repeat:none;}
/*@:.pathSearch*/
.mapSearch_wrap{position:absolute;top:0;right:0;background-color:#FFF;width:100%;text-align:right;}
.mapSearch{display:inline-block;*display:inline;*zoom:1;margin-top:8px;margin-left:30px;text-shadow:1px 1px 1px rgba(0,0,0,.3);}
.inputBg{float:left;width: 180px; height: 29px;margin-right:15px;_margin-right:10px;padding-top:3px;background-position:-1px -101px; }/* width: 241px; 20131105*/
.inputBg input{float:left;width:170px;margin:4px;border:none;*border:0;background-color:transparent;font-size:12px;color:#555;}/* width:230px  20131105*/
.mapSearch .btn{
	display:block;float:left;
	width: 87px; height: 29px;
	background-position:-252px -101px;
	font:15px/27px \5FAE\8F6F\96C5\9ED1;text-indent:0;letter-spacing:2px;
	}
.mapInfo{
	_padding-top:10px;margin:10px 0 0 400px;position: absolute;
	z-index:999999999; background-color: #fff;
}
.mapInfo .icon{vertical-align:middle;}
.mapInfo a{margin-right:10px;margin-top:5px;float:left;text-indent:0;}
.i_regulatoryInfo{background-position:-1px -77px; width: 14px; height: 13px;}
.i_realTimeTraffic{background-position:-46px -77px; width: 12px; height: 15px;}
.i_trafficVideo{background-position:-22px -75px; width: 15px; height: 18px;}
.i_dArr{background-position:-95px -77px; width: 15px; height: 9px;}

.mapInfo a:hover{text-decoration:underline;}
.mapInfo a:hover .i_regulatoryInfo, .mapInfo .show .i_regulatoryInfo {background-position:-1px -178px;}
.mapInfo a:hover .i_realTimeTraffic, .mapInfo .show .i_realTimeTraffic {background-position:-46px -178px;}
.mapInfo a:hover .i_trafficVideo, .mapInfo .show .i_trafficVideo {background-position:-22px -176px;} 
.mapInfo a:hover .i_dArr, .mapInfo .show .i_dArr {background-position:-95px -178px;}

/*@:.dropdown_more*/
.mapInfo .more{
	position:relative;float:left;
	width:100px;/*margin:8px 10px 0 0;_margin-top:0;*/
	line-height:26px;
	z-index:9999;
	}
.mapInfo .btn_dropDown{
	position:relative;height:26px;
	border:1px solid #b9b9b9;border-radius:4px; background-color:#fff;
	text-indent:10px;line-height:26px;text-align:left;
	}
.mapInfo .i_dArr{margin-left:10px;position:absolute;top:9px;right:10px;}
.mapInfo .moreList{
	position:absolute;display:none;width:100%;left:0;
	padding-left:0;
	background-color:#f6f5f3;border:1px solid #9b9b9b;
	text-indent:0;white-space:nowrap;text-align:left;
	}
.mapInfo .moreList li{cursor:pointer;width:100%;}
.mapInfo .active{display:block;white-space:nowrap;}
.mapInfo input{vertical-align:middle;}	



/*@:.side-search   20131105
.side-search{padding-top:10px;height:941px;overflow-y:scroll;}*/
/*@:.search*/
/*@:.search*/
.search { padding:15px 0; text-align:left; }
.search dt { color:#333;line-height:30px;}
.search dd { height: 40px; line-height: 40px; }
.search label { display:block; float:left; width: 57px; text-align: center; }
.search div.suggest-box { display:block; float:left; }
.search div.suggest-box input { color:#aaa; width:150px; }
/*table.search input { width:150px; }*/  /*20131130*/

.container .tip{
	height:27px;background-color:#e4ebf8;line-height:27px;  
	background-color: #D5E6FD;
    border-radius: 5px 5px 5px 5px;margin-bottom:10px;
    }
.container .tip a{color:#2C60A7;}
.btn_highCosts{
	display:inline-block;
	width: 69px; height: 20px;margin:0 10px;
	background-position:0 -143px;
	line-height:20px;line-height:22px\0;
	}
/*@:.searchResult*/
.stationStart, .stationEnd{margin:10px;/*height:24px;*/}
.stationStart a, .stationEnd a{
	display:inline-block;width:150px;padding:0 10px;
	border-radius:4px;
	font:bold 12px/24px \5B8B\4F53;color:#fff;text-align:left;
	}
.stationStart a{background-color:#7eb972;}
.stationEnd a{background-color:#da7e8f;}
.stationInfo{text-align:left;}
.stationInfo .title{
	position:relative;
	padding:0 45px 0 20px;width:177px;
	color:#000;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;
	border-bottom:1px solid #d2ddf3;
	}
.stationInfo .active{background-color:#ddd;}
.stationInfo .title .i_fold{position:absolute;right:15px;top:8px;font:12px/27px \5B8B\4F53;color:#0b69bc;}
.stationInfo .title .unfold{z-index:9;}
.stationInfo .title .fold{display:none;z-index:2;}
.stationInfo .active .unfold{display:none;}
.stationInfo .active .fold{display:block;}
.stationInfo .con{color:#505051;line-height:20px;display:none;}
.stationInfo .active{display:block;}
.stationInfo .con li{border-bottom:1px solid #d2ddf3;padding:10px 20px;}
/*@:.trafficInfo*/
.trafficInfo_wrap{/*height: 595px;overflow-y: scroll;*/}
.trafficInfo{text-align:left;}
.trafficInfo .title{
	position:relative;
	height:27px;width:180px;padding:0 45px 0 15px;
	font:15px/25px \5FAE\8F6F\96C5\9ED1;color:#fff;
	background-color:#3e95e2;border-top:2px solid #fff;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;
	}
.trafficInfo .title .i_fold{position:absolute;right:15px;top:2px;font:12px/27px \5B8B\4F53;}
/*@:201311058*/
.trafficInfo .title .i_fold1{position:absolute;right:15px;top:2px;font:12px/27px \5B8B\4F53;}
.trafficInfo .title .unfold{z-index:9;}
.trafficInfo .title .fold{display:none;z-index:2;}
.trafficInfo .active .unfold{display:none;}
.trafficInfo .active .fold{display:block;}
.trafficInfo .con{display:none;}
.trafficInfo .active{display:block;}
.trafficInfo .con li{
	position:relative;
	padding:0;
	color:#2e2e2e;
	}

.icon_PosAbsLeft .icon{
	position:absolute;top:8px;left:8px;
	}

.i_accidents{background-position:0 0; width: 21px; height: 22px;}
.i_construction{background-position:-37px 0; width: 20px; height: 24px;}
.i_typhoon{background-position:-70px 0; width: 20px; height: 16px;}
.i_catering{background-position:0 -42px; width: 10px; height: 17px;}
.i_stations{background-position:-22px -42px; width: 13px; height: 13px;}
/*收费站*/
#tollStations li{padding:0;}
.secCon h4{
	position:relative;height:32px;padding:0 35px;
	color:#2e2e2e;font:14px/32px \5B8B\4F53;
	background-color:#c6e3fc;
	border-bottom:2px solid #fff; cursor: pointer;
	}
.secCon h4 .icon{position:absolute;right:18px; background-position:-69px -76px;width: 9px; height: 15px;top:9px;}
#tollStations .active .icon{top:12px;width: 15px; height: 9px;background-position:-95px -77px;}
.secCon div{padding-left:20px;display:none;}
#tollStations .active {display:block;}
.secCon div a{display:block;font:14px/28px \5B8B\4F53;margin:10px;}
.secCon div a:hover,.secCon div a.active{color:#3e95e2;/*font-weight:bold;*/}
.i_GPS{ 
	display:inline-block;width: 21px; height: 28px;margin-right:10px;
	background-position:-110px 0;
	font:14px/20px Arial;color:#fff;
	text-align:center; vertical-align:middle;
	}
.trafficInfo a:hover .i_GPS,.trafficInfo a.active .i_GPS{background-position:-140px 0;}
/*.main-map*/
.main-map{height:661px;}
/*@:.nav-tabs自驾页标签菜单样式  20131105*/
.nav-tabs1 li,.metroSchedule li,.userMetroTip_Top,.busLine .title{background-image:url(../images/bg_repeatX.png);background-repeat:repeat-x;}
.nav-tabs1 li{
	float:left;
	width:126px;height:29px;margin-right:1px;
	line-height:29px;
	background-position:0 -162px;border:1px solid #c0c3c5;
	}
.nav-tabs1 .active{background-position:0 -210px;border-color:#1767b8;}
.nav-tabs1 .last{margin-right:0;}
.nav-tabs1 li a{color:#000;}
.nav-tabs1 .active a{color:#fff;}
.tab-content1{position:relative;height:595px;overflow-y:scroll;padding-bottom:35px;border:1px solid #1767b8;background-color:#ebf1fb;border-right:none;}
.tab-content1 .tab-pane{display:none;}
.tab-content1 .active{display:block;}
.search1 {padding:15px 0 0 0;text-align:center;}
.search1 li{margin-bottom:15px;}

/* 自驾左侧图标  20131107 */
.i_common{
	display:inline-block; width:21px; height:25px; margin-right:10px;
	background-position:50% 50%;
	font:14px/20px Arial;color:#fff;
	text-align:center; vertical-align:middle;
}
.i_control{background-image:url(../smap/images/controlInfo.png);background-repeat:none;}
.i_video{background-image:url(../smap/images/video.png);background-repeat:none;}
.i_service{background-image:url(../smap/images/serviceArea.png);background-repeat:none;}
.i_tollStation{background-image:url(../smap/images/tollStation.png);background-repeat:none;}
.i_hutong{background-image:url(../smap/images/hutong.png);background-repeat:none;}
.i_cesu{background-image:url(../smap/images/cesudian.png);background-repeat:none;}
.i_zhifa{background-image:url(../smap/images/zhifa.png);background-repeat:none;}


.page { text-align:center; }
.page a { padding:0 4px; }

.loading {
	text-align: center; display:none;
	padding: 10px 0; height:16px; line-height:16px;
	background: url(../images/loading_s.gif) no-repeat center center;
}
.s_loading { 
	height:16px; line-height:16px;
	background-image: url(../images/loading_s.gif);
}
.m_loading { 
	height:32px; line-height:32px;
	background-image: url(../images/loading_m.gif);
}
.b_loading { 
	height:100px; line-height:100px;
	background-image: url(../images/loading_b.gif);
}

.searchResult { padding:0 5px;}
.LocationList { text-align: left; padding:0 5px 10px 0; }
.LocationList th { text-align:left; vertical-align:top; }
.LocationList td { line-height:160%; vertical-align:top; padding-bottom: 10px; }
.LocationList a { color:#00c; font-size: 14px; }
.LocationList a:HOVER { text-decoration:underline;  }
.LocationList div, .LocationList p { padding: 2px 0 0 2px; }
.LocationList .icon {
	width:19px; height:29px; margin: 4px; background-image:url(../images/icons/local.png);
	background-repeat:none; background-attachment:scroll; background-size:auto;
	background-origin:padding-box;background-clip:border-box;background-color:transparent;
}


.cameraScrollWrap { width:260px; height:243px; position: relative; margin-left:10px; }
.cameraScrollWrap img { width:254px; height:208px; padding:2px; border:#dadada solid 1px; }
.cameraScrollWrap .lcr_l, .cameraScrollWrap .lcr_r { 
	background-color: #dee1e4; border:1px solid #d5e1ea; padding:1px 3px; 
	z-index: 100 opacity: .5; filter: alpha(opacity=50);
	position: absolute; margin-top:217px; z-index:1001; width:36px;
}
.cameraScrollWrap .lcr_l { float: left; }
.cameraScrollWrap .lcr_r { float: right; margin-left: 216px; }
.cameraScrollWrap .lcr_c { overflow: hidden; }
.cameraScrollWrap li { display:none; }
.cameraScrollWrap li.scroll_first { display:inline-block; }

.userTipPrint {
    padding: 11px;
    list-style-type: none;
}

.userTipPrint .icon {
    height: 12px;
    margin: 0 5px;
    width: 12px;
}
.i_print {
    background-position: -87px -23px;
}
.i_share {
    background-position: -109px -23px;
}
.userTipPrint li {
    color: #333333;
    float:left;
}
/*20131224*/
.userTip1 { position:absolute; display:none; left:100px; height:19px; margin:16px 50px; text-align:right; z-index: 999999999; }
.userTip1 li {
	display:inline-block;*display:inline;*zoom:1;
	margin-left:10px;list-style-type:none;
	font-size:12px;line-height:14px;
}
.userTip1 b{
	vertical-align:middle;margin-right:3px;
	display:inline-block;*display:inline;*zoom:1;
	width:14px;height:14px; 
}
.userTip1 .red{background-color:red;}
.userTip1 .yellow{background-color:#ffb500;}	
.userTip1 .green{background-color:green;}
.userTip1 .gray{background-color:gray;}
.inColor {color:#999999;} /*20140116 */


.userTip{float:right;padding:0 15px 0 2px;}
.userTip li{float:left;}
.userTip a{color:#0566aa;line-height:25px;}
.userTip .icon{
	background-image: url('../images/bg_indexSprite.png');
	background-repeat:no-repeat;
	vertical-align:middle;
	margin:0 5px 0 20px;
	_margin:5px 5px 5px 20px;}
.i_toHere{background-position:-194px -393px; width: 10px; height: 15px;}
.i_fromHere{background-position:-218px -393px; width: 10px; height: 15px;}
#getFrom, #getTo {
	 position: absolute; top: 120px; left: 15px; z-index: 9999; 
	background: white; border:1px solid #aaa; padding: 10px;
}
#getTo { left:808px; }
#getFrom span, #getTo span { display: block; }
#getFrom .suggest-box, #getTo .suggest-box { position: relative; }
#getFrom .suggest-box li, #getTo .suggest-box li { float: none; }
#getFrom input, #getTo input { width:180px; }
#getFrom .btn, #getTo .btn { color:#fff; line-height: 19px; }