Cuadro de texto al pasar el ratón por una imagen

[ehqw20]

Hola he estado buscando por el foro, y la verdad es que hay muchos temas relacionados pero ninguno me ha resuelto el problema.
Me gustaría conseguir algo similar a esto
[URL="http://www.tvalmansa.es/index.php?r=site/programas&programa=almansa-al-dia"][/URL]
Si os fijáis abajo en los vídeos cuando pasáis el ratón por encima de las imágenes sale una descripción pero sale dentro de un cuadro con un fondo semitransparente y con una ubicación fija, no se si alguien me podría facilitar el código para obtener ese resultado.
Muchas gracias por la atención, un saludo.

[quimfv]

Código HTML:

<link media="screen, projection" href="/css/screen.css" type="text/css" rel="stylesheet">
<link media="print" href="/css/print.css" type="text/css" rel="stylesheet">
<link href="/css/main.css" type="text/css" rel="stylesheet">
<link href="/css/form.css" type="text/css" rel="stylesheet">
<link href="/css/pager.css" type="text/css" rel="stylesheet">
<link href="/assets/2def1930/listview/styles.css" type="text/css" rel="stylesheet">
<link href="/css/tooltipvideos.css" type="text/css" rel="stylesheet">
<link media="screen" href="/assets/d4b8a315/mbmenu.css" type="text/css" rel="stylesheet">
<script type="text/javascript" async="" src="http://www.google-analytics.com/ga.js">
<script src="/assets/fffa1354/jquery.min.js" type="text/javascript">
<script src="/assets/fffa1354/jquery.ba-bbq.js" type="text/javascript">
<script src="/js/bootstrap-tooltip.js" type="text/javascript">
 

Mirando el codigo de la pagina tienes los links a todas las librerias que usa.... tu mismo es codigo abierto.

Así obtendras el primero http://www.tvalmansa.es/css/screen.css

Seguramente lo que buscas esta aquí

http://www.tvalmansa.es/css/tooltipvideos.css
http://www.tvalmansa.es/js/bootstrap-tooltip.js