.tooltip{
   			display: inline;
    		position: relative;
			font-family: Georgia, serif;
font-size: 18px;
		}
		
		*:first-child+html * html html:first-child body:nth-of-type(1) .tooltip:hover:after{
		 background:#333;
		}
		.tooltip:hover:after{
		font-family: Georgia, serif;
font-size: 16px;
    		background: url(../images/toolbg.png) repeat;
    		background: rgba(0,0,0,.8);
    		border-radius: 5px;
    		bottom: 114px;
    		color: #fff;
    		left: 30%;
    		padding: 5px 15px;
    		position: absolute;
    		z-index: 98;
    		width: 220px;
			content: attr(tooltip);
		}
		.tooltip:hover:before{
			z-index:98;
    		border: solid;
    		border-color: #333 transparent;
    		border-width: 6px 6px 0 6px;
    		bottom: 108px;
    		content: "";
    		left: 50%;
    		position: absolute;
    		z-index: 99;
		}