.toolbar {
	position: absolute;
	margin: 5px 0;
	border: 1px solid rgba(150, 150, 150, .8);
	border-radius: 8px;
	/*background-color: rgba(34,34,34,.8);*/
	background-color: #fff;
	z-index: 10
}

@media screen and (max-width: 325px) {
    .toolbar ul>li {
		padding: 4px 1px;
	}
}

.toolbar-button {
	width: 28px;
	background-color: #000;
}

.tooltip {
	bottom: 90%;
}

#btnOrbit {
	background-image: url(../img/off/bt0.png);
}

#btnOrbit:hover {
	background-image: url(../img/on/bt0.png);
}

#btnPan {
	background-image: url(../img/off/bt1.png);
}

#btnPan:hover {
	background-image: url(../img/on/bt1.png);
}

#btnZoom {
	background-image: url(../img/off/bt2.png);
}

#btnZoom:hover {
	background-image: url(../img/on/bt2.png);
}

#btnExplode {
	background-image: url(../img/off/bt3.png);
}

#btnExplode:hover {
	background-image: url(../img/on/bt3.png);
}

#btnFullScreen {
	background-image: url(../img/off/bt6.png);
}

#btnFullScreen:hover {
	background-image: url(../img/on/bt6.png);
}

#btnFitToView {
	background-image: url(../img/off/bt4.png);
}

#btnFitToView:hover {
	background-image: url(../img/on/bt4.png);
}

#btnResetCamera {
	background-image: url(../img/off/bt5.png);
}

#btnResetCamera:hover {
	background-image: url(../img/on/bt5.png);
}