CSS to hover the div layer at the top

The effect is as follows:

This is to make a picture of a div hover over the map, the CSS code is as follows

. tl {
	width:240px;
	height:193px;
	position:absolute;/* here to set the *
	/z-index:999999;/* Here is the distance between the element and the display, it is said that the bigger the better, but I also did not see the effect, because it is not possible to do it */
	Margin-top : 20%;
	Margin-left: -209px; 
	Background-image:url ("/ship_three/images/tl.png");
	-webkit-transition:. 5s ease-in-out;/* CSS Transition allows the CSS's property values to transition from one state to another in a certain amount of time *
	/-moz-transition:. 5s ease-in-out;/* here in order to be compatible with other browsers *
	/-o-transition:. 5s ease-in-out;
	Background-image:url ("/ship_three/images/tl.png");
}

Plus this code below, you can have an animated effect

. tl:hover {
	margin-left:0px;
}