.example-item {
			width: 200px;
			height: 200px;
			border: 0px solid grey;
		}

		.tooltip-me, .tooltip-links a {
			position: relative;
    text-align: left;

}

		.tooltip-me:hover:after, .tooltip-links a:after {
			border: 0px solid #fc0;
			padding: 2px 2px;
			background: rgba(1, 1, 1, 0.6);
			content: attr(data-title);
			font-size: 9pt;
			color:White;
			position: absolute;
			left: 0px;
			text-align: left;	    
			top: 0px;
			width: 100%;		
		}
		
	.tooltip-links a:after {
			content: attr(href);
			position: static;
			top: none;
			right: none;
			margin-left: 0px;
			padding: 0px;
			display: none;
			text-align: left;
		}

		.tooltip-links a:hover:after {
			display: inline-block;
		}