* { font-family: Verdana, Optima, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; }
div { position: relative; max-width: 230px; top: 0px; left: 0px; }
div  img { width: 230px; height: 144px; }
div p { font-size: 11px; position: absolute; bottom: 0px; margin-bottom: 0px; padding: 2% 5px 0% 5px; text-align: center; display: none; font-weight: bold; background-color: #000; color: #fff; opacity: 0.7; width: 220px; height: 25%; }
div a.prev { position: absolute; top: 0px; left: 0px; width: 50%; height: 100%; text-decoration: none; background: url("tp.png") repeat; }
div a.prev:hover:after { content: "‹"; color: #fff; opacity: 0.7; font-size: 75px; font-weight: bolder; position: absolute; top: 15px; }
div a.next { position: absolute; top: 0px; right: 0px; width: 50%; height: 100%; text-decoration: none; background: url("tp.png") repeat; }
div a.next:hover:after { content: "›"; color: #fff; opacity: 0.7; font-size: 75px; font-weight: bolder; position: absolute; top: 15px; right: 0px; }
div:hover p { display: block; }