Resaltado de color + viñeta.

Hola, que tal?

Queria consultarles sobre lo siguiente, se puede resaltar una imagen con mouseover y agregar una viñeta para mostrar detalles?

La idea es esta: Tengo una imagen cualquiera, supongamos que esta



Y si se le pasa el mouse sobre la optica esta deberia colorearse y abrir una viñeta que luego se cerrara si el mouse sale de la zona de la optica o con una x es indiferente. Osea quedaria de esta manera:



El coloreo de la zona podria ser una imagen, de la misma parte pero con el color.

Se puede hacer? De que manera? Estuve buscando algun tutorial o algo pero hasta ahora no encontre nada.

Espero que alguien me de una mano, desde ya gracias. saludos.

Sí, se puede.
La imagen estaría de fondo en un <div> con position: relative, dentro de éste pondría <div>s con position: absolute y con las coordinadas de los lugares donde el mouse debe responder. Estos <div>s contendrían las imágenes de sustitución, etc...