*{
     -webkit-tap-highlight-color: transparent;

}
.g-container {
	z-index: 0;
	font-family: "Helvetica Neue", Helvetica, "Microsoft YaHei", Arial;
	-webkit-font-smoothing: antialiased;
	overflow: hidden;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	position: relative;
	-ms-touch-action: none;
	text-align: left;
}

.g-dragging,
.g-dragging .g-container  {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: grabbing;
}

.g-clickable,
.g-clickable .g-container  {
	cursor: pointer;
}

.g-focus,
.g-focus .g-container {
	cursor: default;
}

.g-edit,
.g-edit .g-container {
	cursor: crosshair;
}

.g-map-frame,
.g-layers-frame,
.g-mask-frame,
.g-tile,
.g-tile-container,
.g-label,
.g-label-container,
.g-graphic-container,
.g-html,
.g-html-container,
.g-image,
.g-image-container,
.g-zoom-box,
.g-layer,
.g-vml,
.g-compass,
.g-spark,
.g-popup {
	position: absolute;
	left: 0;
	top: 0;
}

.g-panel-frame{
	z-index: 10000000;
}

.g-compass{
	left: auto;
	right: 0;
	width: 64px;
	height: 64px;
	background-image: url('./images/compass.png');
	background-repeat: no-repeat;
	background-size: 100%;
	-moz-background-size: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	cursor: pointer;
}

.retina .g-compass{
	background-image: url('./images/compass@2x.png');
	background-size: 100%;
	-moz-background-size: 100%;
}

.ielt9 .g-compass{
	z-index: 10000000;
	background: none;
	src: '../../dist/lib/images/compass.png'; /* 注意，该值用于IE7/8，图片为相对HTML页面的路径，与一般CSS值不同 */
}

.g-spark{
	opacity: 0;
	pointer-events: none;
	width: 48px;
	height: 48px;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	-o-border-radius: 100%;
	background: -webkit-radial-gradient(24px circle,rgba(255,255,255,0.7),rgba(255,255,255,0));
	background: -moz-radial-gradient(24px circle,rgba(255,255,255,0.7),rgba(255,255,255,0));
	background: -o-radial-gradient(24px circle,rgba(255,255,255,0.7),rgba(255,255,255,0));
	background: radial-gradient(24px circle,rgba(255,255,255,0.7),rgba(255,255,255,0));
}

.g-popup{
	min-width: 100px;
	z-index: 1000000;
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}

.g-popup-wrapper{
	-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
	-o-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-o-border-radius: 7px;
	background-color: #fff;
	color: #000;
}

.g-popup-close{
	position: absolute;
	background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDggNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TdHJva2UgMzwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+ICAgICAgICA8cGF0aCBkPSJNMSwwIEw3LDYgTTcsMCBMMSw2IiBpZD0iU3Ryb2tlLTMiIHN0cm9rZT0iIzNBQTlFMyI+PC9wYXRoPiAgICA8L2c+PC9zdmc+) no-repeat center center;
	border-radius: 50%;
	right: -10px;
	top: -12px;
	width: 24px;
	height: 24px;
	cursor: pointer;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
    cursor: pointer;
}

.g-popup-content{
	font-size: 1.2em;
	border: 2px solid #fff;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-o-border-radius: 7px;
}

.g-popup-content-wrapper{
	padding: 12px 16px;
	overflow: auto;
	cursor: default;
	font-size: 13px;
}

.g-popup-pointer{
	position: absolute;
	height: 0;
    border-top: 16px solid #fff;
    border-right: 24px solid transparent;
    content: '';
    z-index: 3;
	left: 20px;
}

.g-brand img {
	cursor: pointer;
}

.g-compass,
.g-tile,
.g-image,
.g-popup,
.g-brand,
.g-control,
.g-spark {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-webkit-user-drag: none;
}

.g-compass,
.g-tile,
.g-image{
	border: none;
}

.g-tile,
.g-image {
	visibility: hidden;
}

.g-tile-loaded,
.g-image-loaded {
	visibility: inherit;
}

.g-zoom-anim .g-tile,
.g-pan-anim .g-tile,
.g-rotate-anim .g-tile,
.g-zoom-anim .g-label,
.g-pan-anim .g-label,
.g-rotate-anim .g-label {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.g-zoom-anim .g-zoom-hide {
	visibility: hidden;
}

.g-zoom-box {
	width: 0;
	height: 0;
	background: black;
	opacity: 0.5;
	filter: alpha(opacity=50);
	z-index: 100000;
}
.g-zoom-box-left {
	border-right: 2px dotted #f00;
}
.g-zoom-box-right {
	border-left: 2px dotted #f00;
}
.g-zoom-box-top {
	border-bottom: 2px dotted #f00;
}
.g-zoom-box-bottom {
	border-top: 2px dotted #f00;
}

.g-vml-container {
	position: absolute;
}

.g-vml {
	behavior: url(#default#VML);
	display: inline-block;
}

.g-utf-board {
	background-color: #444444;
	color: #fff;
	position: absolute;
	display: none;
	z-index: 10;
	padding: 5px;
	white-space:nowrap;
	overflow: hidden;
}

.g-webgl-error-message {
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	background: #fff;
	color: #000;
	padding: 1.5em;
	width: 400px;
	margin: 5em auto 0;
}

.g-utf-board{
    position: absolute;
    padding: 10px 12px;
    border-radius: 4px;
	font-size: 13px;
	overflow: hidden;
	white-space: nowrap;
	background: #fff;
	color: #000;
	border: 1px solid #ddd;
}

.g-utf-board > div,
.g-popup-content-wrapper > div {
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	white-space: nowrap;
}

.g-utf-board-key {
	color: #777;
}

.g-switch-wrap{
	padding: 0 12px 0 8px;
	background: #fff;
	display: inline-block;
}
.g-switch {
    width: 30px;
    height: 14px;
    line-height: 14px;
    border-radius: 7px;
    background: #fff;
    position: relative;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.g-switch-button {
    position: absolute;
    margin: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    z-index: 2;
    -webkit-transition: right 0.2s linear;
	-moz-transition: right 0.2s linear;
	-o-transition: right 0.2s linear;
    transition: right .3s;
}

.g-switch.g-switch-on {
	background: #20a0ff;
}

.g-switch.g-switch-on .g-switch-button{
	right: 0;
}

.g-switch.g-switch-off {
	background: #ccc;
}

.g-switch.g-switch-off .g-switch-button {
	right: 16px;
}

.g-pos-top-left {
	position: absolute;
	height: 0;
	top: 0;
	left: 0;
}

.g-pos-top-right {
	position: absolute;
	height: 0;
	top: 0;
	right: 0;
}

.g-pos-bottom-left {
	position: absolute;
	height: 0;
	bottom: 0;
	left: 0;
}

.g-pos-bottom-right {
	position: absolute;
	height: 0;
	bottom: 0;
	right: 0;
}

.g-pos-bottom-left > * {
	position: absolute;
	bottom: 0;
}

.g-pos-bottom-right > * {
	position: absolute;
	bottom: 0;
	right: 0;
}

.g-pos-bottom {
	position: absolute;
	width: 100%;
	height: 0;
	bottom: 0;
}

.g-pos-middle {
	position: absolute;
	top: 0;
	left: calc( 50% - 2px );
	background: #fff;
}

.g-pos-left {
	position: absolute;
	top: 0;
	left: 0;
}

.g-pos-right {
	position: absolute;
	top: 0;
	right: 0;
}

.g-swiper{
	height: 100%;
}

.g-layer-swiper{
	position: absolute;
	left: 0;
	top: 0;
}

.g-swiper-divider{
	height: 100%;
	width: 4px;
	background: #ffffff;
}

.g-swiper-button{
	position: absolute;
    top: calc( 50% - 20px );
    margin-left: -19px;
    background: #fff;
    height: 40px;
    width: 40px;
    border-radius: 20px;
    cursor: ew-resize;
	text-align: center;
	border: 1px solid #ccc;
	
}

.g-swiper-icon{
	box-sizing: content-box;
	position: relative;
    vertical-align: middle;
    line-height: 40px;
    width: 2px;
    display: inline-block;
	height: 24px;
	margin: 8px 0;
    border-left: 2px solid rgb(144, 144, 144);
    border-right: 2px solid rgb(144, 144, 144);
    background-color: rgb(144, 144, 144);
    padding: 0 4px;
    background-clip: content-box;
}

.g-control {
	position: absolute;
}

.g-control-zoom,
.g-control-geolocation,
.g-control-navigation {
	float: left;
	/*position: absolute;*/
}

.g-control-zoom,
.g-control-geolocation {
	margin: 10px;
	border-radius: 4px;
	border: 1px solid #ddd;
    overflow: hidden;
    background: #fff;
}

.g-control-zoom-button,
.g-control-geolocation-button {
	/*padding: 8px;*/
	background: #fff;
    box-sizing: border-box;
    cursor: pointer;
}

.g-control-zoom-button:first-child {
	border-bottom: 1px solid #ddd;
}

.g-control-zoom-button:hover,
.g-control-geolocation-button:hover {
	background: #eee;
}

.g-icon-zoom-in,
.g-icon-zoom-out,
.g-icon-geolocation {
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-size: 100%;
	-moz-background-size: 100%;
}

.g-icon-zoom-in {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%270%200%2020%2020%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%0A%20%20%3Cpath%20style%3D%27fill%3A%23333333%3B%27%20d%3D%27M%2010%206%20C%209.446%206%209%206.4459904%209%207%20L%209%209%20L%207%209%20C%206.446%209%206%209.446%206%2010%20C%206%2010.554%206.446%2011%207%2011%20L%209%2011%20L%209%2013%20C%209%2013.55401%209.446%2014%2010%2014%20C%2010.554%2014%2011%2013.55401%2011%2013%20L%2011%2011%20L%2013%2011%20C%2013.554%2011%2014%2010.554%2014%2010%20C%2014%209.446%2013.554%209%2013%209%20L%2011%209%20L%2011%207%20C%2011%206.4459904%2010.554%206%2010%206%20z%27%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.g-icon-zoom-out {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%270%200%2020%2020%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%0A%20%20%3Cpath%20style%3D%27fill%3A%23333333%3B%27%20d%3D%27m%207%2C9%20c%20-0.554%2C0%20-1%2C0.446%20-1%2C1%200%2C0.554%200.446%2C1%201%2C1%20l%206%2C0%20c%200.554%2C0%201%2C-0.446%201%2C-1%200%2C-0.554%20-0.446%2C-1%20-1%2C-1%20z%27%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.g-icon-geolocation {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%270%200%2020%2020%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%0D%0A%20%20%3Cpath%20style%3D%27fill%3A%23333%3B%27%20d%3D%27M10%204C9%204%209%205%209%205L9%205.1A5%205%200%200%200%205.1%209L5%209C5%209%204%209%204%2010%204%2011%205%2011%205%2011L5.1%2011A5%205%200%200%200%209%2014.9L9%2015C9%2015%209%2016%2010%2016%2011%2016%2011%2015%2011%2015L11%2014.9A5%205%200%200%200%2014.9%2011L15%2011C15%2011%2016%2011%2016%2010%2016%209%2015%209%2015%209L14.9%209A5%205%200%200%200%2011%205.1L11%205C11%205%2011%204%2010%204zM10%206.5A3.5%203.5%200%200%201%2013.5%2010%203.5%203.5%200%200%201%2010%2013.5%203.5%203.5%200%200%201%206.5%2010%203.5%203.5%200%200%201%2010%206.5zM10%208.3A1.8%201.8%200%200%200%208.3%2010%201.8%201.8%200%200%200%2010%2011.8%201.8%201.8%200%200%200%2011.8%2010%201.8%201.8%200%200%200%2010%208.3z%27%20%2F%3E%0D%0A%3C%2Fsvg%3E");
}

.g-layer-close-button {
	background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PGRlZnM+PHN0eWxlLz48L2RlZnM+PHBhdGggZD0iTTg2My42MTMgMjUyLjkyMUw2MDQuNDkgNTEybDI1OS4xMjIgMjU5LjA3OWMxMS44MTQgMTEuODEzIDE5LjE1NCAyOC4xODggMTkuMTU0IDQ2LjI1NiAwIDM2LjEzNi0yOS4zMTggNjUuNDU0LTY1LjQ1NCA2NS40NTQtMTguMDY4IDAtMzQuNDQyLTcuMzQtNDYuMjU2LTE5LjE1NEw1MTIuMDIyIDYwNC41NTYgMjUyLjkgODYzLjYzNWMtMTEuODE0IDExLjgxMy0yOC4xODggMTkuMTU0LTQ2LjI1NyAxOS4xNTQtMzYuMTM2IDAtNjUuNDEtMjkuMzE4LTY1LjQxLTY1LjQ1NCAwLTE4LjA2OCA3LjI5Ny0zNC40NDMgMTkuMTEtNDYuMjU2TDQxOS40NjcgNTEyIDE2MC4zNDQgMjUyLjkyMWMtMTEuODE0LTExLjg1Ny0xOS4xMS0yOC4yMzEtMTkuMTEtNDYuMjU2IDAtMzYuMTM2IDI5LjI3My02NS40NTQgNjUuNDEtNjUuNDU0IDE4LjA2OCAwIDM0LjQ0MiA3LjI5NyA0Ni4yNTYgMTkuMTU0bDI1OS4xMjIgMjU5LjA3OSAyNTkuMDM1LTI1OS4wNzljMTEuODE0LTExLjg1NyAyOC4xODgtMTkuMTU0IDQ2LjI1Ni0xOS4xNTQgMzYuMTM2IDAgNjUuNDU0IDI5LjMxOCA2NS40NTQgNjUuNDU0IDAgMTguMDI1LTcuMzQgMzQuNC0xOS4xNTQgNDYuMjU2IiBmaWxsPSIjYmJiIi8+PC9zdmc+");
}

.g-legend-close-button {
	background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PGRlZnM+PHN0eWxlLz48L2RlZnM+PHBhdGggZD0iTTg2My42MTMgMjUyLjkyMUw2MDQuNDkgNTEybDI1OS4xMjIgMjU5LjA3OWMxMS44MTQgMTEuODEzIDE5LjE1NCAyOC4xODggMTkuMTU0IDQ2LjI1NiAwIDM2LjEzNi0yOS4zMTggNjUuNDU0LTY1LjQ1NCA2NS40NTQtMTguMDY4IDAtMzQuNDQyLTcuMzQtNDYuMjU2LTE5LjE1NEw1MTIuMDIyIDYwNC41NTYgMjUyLjkgODYzLjYzNWMtMTEuODE0IDExLjgxMy0yOC4xODggMTkuMTU0LTQ2LjI1NyAxOS4xNTQtMzYuMTM2IDAtNjUuNDEtMjkuMzE4LTY1LjQxLTY1LjQ1NCAwLTE4LjA2OCA3LjI5Ny0zNC40NDMgMTkuMTEtNDYuMjU2TDQxOS40NjcgNTEyIDE2MC4zNDQgMjUyLjkyMWMtMTEuODE0LTExLjg1Ny0xOS4xMS0yOC4yMzEtMTkuMTEtNDYuMjU2IDAtMzYuMTM2IDI5LjI3My02NS40NTQgNjUuNDEtNjUuNDU0IDE4LjA2OCAwIDM0LjQ0MiA3LjI5NyA0Ni4yNTYgMTkuMTU0bDI1OS4xMjIgMjU5LjA3OSAyNTkuMDM1LTI1OS4wNzljMTEuODE0LTExLjg1NyAyOC4xODgtMTkuMTU0IDQ2LjI1Ni0xOS4xNTQgMzYuMTM2IDAgNjUuNDU0IDI5LjMxOCA2NS40NTQgNjUuNDU0IDAgMTguMDI1LTcuMzQgMzQuNC0xOS4xNTQgNDYuMjU2IiBmaWxsPSIjYmJiIi8+PC9zdmc+");
}

.g-control-timeline {
	position: absolute;
	height: 40px;
	width: 40%;
	min-width: 200px;
	left: 50%;
	-moz-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	bottom: 10px;
	border-radius: 4px;
	border: 1px solid #ddd;
    background: #fff;
    cursor: auto;
}

.g-control-timeline-runway {
	position: absolute;
	left: 60px;
	right: 25px;
	top: 18px;
	height: 6px;
	border-radius: 3px;
	background: #e4e8f1;
	cursor: pointer;
}

.g-control-timeline-bar {
	width: 0px;
	height: 100%;
	border-radius: 3px;
	background: #20a0ff;
}

.g-control-timeline-button-wrapper {
	position: absolute;
	width: 40px;
	height: 40px;
	top: -18px;
	margin-left: -18px;
}

.g-control-timeline-button {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	margin-left: -10px;
	border-radius: 50%;
	background: #20a0ff;
}

.g-control-timeline-button:hover {
	width: 22px;
	height: 22px;
	margin-top: -11px;
	margin-left: -11px;
}

.g-control-timeline-tooltip {
	position: absolute;
	bottom: 38px;
	left: 50%;
	-moz-transform: translate(-50%, 0);
	-webkit-transform:translate(-50%, 0);
	-o-transform:translate(-50%, 0);
	-ms-transform:translate(-50%, 0);
	transform:translate(-50%, 0);
	background: #1f2d3d;
    color: #fff;
    border-radius: 4px;
    padding: 6px 10px;
    font-size: 13px;
    text-align: center;
    display: inline-block;
    white-space: nowrap;
}

.g-control-timeline-tooltip-arrow {
	position: absolute;
	bottom: -5px;
	left: 50%;
	margin-left: -5px;
	border: 5px solid #1f2d3d;
	border-bottom-width: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}

.g-control-timeline-play {
	width: 40px;
	height: 40px;
	padding: 8px;
	margin-left: 10px;
}

.g-icon-play,
.g-icon-pause {
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-size: 100%;
	-moz-background-size: 100%;
	cursor: pointer;
}

.g-icon-play {
	background-image: url('./images/play.png');
}

.retina .g-icon-play {
	background-image: url('./images/play@2x.png');
}

.g-icon-pause {
	background-image: url('./images/pause.png');
}

.retina .g-icon-pause {
	background-image: url('./images/pause@2x.png');
}

.g-control-timeline-label {
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #000;
}

.g-control-layers {
	background: #fff;
	margin: 10px;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 0;
	cursor: auto;
	overflow: hidden;
}

.g-control-layers .g-layer-button {
	width: 35px;
	text-align: center;
	padding: 4px 5px;
	background: #fff;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
}

.g-control-layers ul{
	list-style: none;
	display: block;
}
.g-control-layers li {
	list-style: none;
	display: block;
	padding: 0;
	margin: 0;
}

.g-control-layers .g-layer-header{
	position: relative;
}

.g-layer-header .g-layer-close-button{
	position: absolute;
	right : 5px;
	top: 5px;
	width: 14px;
	height: 14px;
	color: #bbb;
	line-height: 8px;
	text-align: center;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: 100%;
	-moz-background-size: 100%;
}

.g-control-layers-list {
	overflow-x: hidden;
	overflow-y: scroll;
	max-height: 260px;
	padding: 0 33px 5px 0;
	margin: 0 -17px 0 0;
}

.g-control-layers-item {
	line-height: 20px;
	font-size: 0;
	position: relative;
	white-space: nowrap;
}

.g-control-layers-name {
	font-size: 12px;
	vertical-align: top;
	line-height: 20px;
	display: inline-block;
    overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
	white-space: normal;
}

.g-control-scale {
	width: 75px;
	margin: 10px 20px;
}

.g-control-scale-ruler {
	position: relative;
	width: 100%;
	height: 3px;
	background: #000;
	box-shadow: 0 0 4px #fff;
}

.g-control-scale-ruler:before,
.g-control-scale-ruler:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	width: 2px;
	height: 5px;
	background: #000;
}

.g-control-scale-ruler:before {
	left: 0;
}

.g-control-scale-ruler:after {
	right: 0;
}

.g-control-scale-label {
	width: 100%;
	height: 18px;
	color: #000;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.g-legend ul,
.g-legend li {
	list-style: none;
	display: block;
	padding: 0;
	margin: 0;
}

.g-legend .g-legend-wrapper {
	margin: 10px;
	position: absolute;
    bottom: 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
}

.g-legend .g-legend-button {
	width: 35px;
	text-align: center;
	padding: 4px 5px;
	background: #fff;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
}

.g-legend .g-legend-container {
	max-height: 300px;
	overflow: hidden;
    background: #fff;
    padding: 16px 12px 12px 12px;
    margin-bottom: -4px;
	-webkit-overflow-scrolling:touch;
}

.g-legend-container .g-legend-close-button{
	position: absolute;
	right : 5px;
	top: 5px;
	width: 14px;
	height: 14px;
	color: #bbb;
	line-height: 8px;
	text-align: center;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: 100%;
	-moz-background-size: 100%;
}

.g-legend-container .g-legend-container-list{
	max-height: 280px;
	padding-right: 18px;
	margin-right: -28px;
	overflow: scroll;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}

.g-legend .g-legend-layer {
	margin-bottom: 8px;
}

.g-legend .g-legend-layer:last-child {
	margin-bottom: 0;
}

.g-legend-title {
	font-weight: bold;
	font-size: 12px;
	min-height: 20px;
	line-height: 20px;
	margin: 0 12px 5px 0;
	word-wrap: break-word;
	min-width: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
}

.g-legend .g-legend-list {
	display: block;
	padding-left: 5px;
}

.g-legend .g-legend-list-item {
	display: block;
	margin: 4px 0;
	font-size: 0;
	min-height: 20px;
	line-height: 20px;
	cursor:  pointer;
	white-space: nowrap;
}

.g-legend-icon-wrapper {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

.g-legend-icon {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	border-style: solid;
	-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.24);
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.24);
	-o-box-shadow: 0 2px 5px 0 rgba(0,0,0,.24);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.24);

	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.g-legend-icon-point,
.g-legend-icon-marker {
	border-radius: 50%;
}

/*.g-legend-icon-polyline:not(.svg) {
	margin-top: -2px !important;
	height: 4px !important;
}*/

.g-legend-icon-polygon {}

.g-legend-icon.svg {
	box-shadow: none;
}

.g-legend-name {
	display: inline-block;
	font-size: 12px;
	margin: 0 10px;
	word-break: break-all;
	vertical-align: middle;
	word-wrap: break-word;
	overflow: hidden;
}

.g-tooltip-name{
	color: #889;
    overflow: hidden;
    word-wrap: break-word;
    white-space: nowrap;
    text-overflow: ellipsis;
	line-height: 18px;
	width:100%;
}

.g-tooltip-value{
	text-align: left;
    font-weight: 500;
    color: #000;
    word-wrap: break-word;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 14px;
	font-size: 14px;
	width:100%;
}

.g-tooltip-content{
	width: 200px;
	overflow: hidden;
	font-size: 12px;
}
.g-tooltip-info{
	padding: 6px 4px;
}
.g-tooltip-li{
	padding: 6px 8px;
}