.oriontip {
	position: absolute;
	background-color: #333;
	font-size: 13px;
	padding: 10px 12px;
	border-radius: 3px;
	color: #fff;
	max-width: 160px;
	box-shadow: 0 2px 5px rgba(0,0,0,.2);
	visibility: hidden;
	z-index: 999;
}

.oriontip.visible {
	visibility: visible;
}

.oriontip:after {
	content: "";
	border: 10px solid;
	border-color: #333 transparent transparent transparent;
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
}

@media (max-width: 768px) {
	.oriontip {
		max-width: 120px;
	}
}