#tooltip{padding:15px;font-size:15px;color:#fff;position:absolute;text-align:center;box-sizing:border-box;border-radius:5px;background:#000;background:rgba(0,0,0,.8);z-index:100}@media only screen and (max-width:800px){#tooltip:before{font-size:12px;right:8px;color:#fff;content:"x";position:absolute;top:3px}}#tooltip:after{height:0;border-right:10px solid transparent;border-left:10px solid transparent;content:"";position:absolute;border-top:10px solid rgba(0,0,0,.8);bottom:-10px;margin-left:-10px;left:50%;width:0}#tooltip.top:after{border-bottom:10px solid #111;border-top-color:transparent;bottom:auto;top:-20px}#tooltip.left:after{margin:0;left:10px}#tooltip.right:after{right:10px;margin:0;left:auto}abbr[title]{text-decoration:none;border-bottom:1px dotted #888}