Ativar hover da div através do link

tudo bom? estou preparando um layout para um blog e preciso fazer um slidershow mais ou menos da seguinte maneira:

/applications/core/interface/imageproxy/imageproxy.php?img=http://i.stack.imgur.com/OTFPO.png&key=16f4cb78d8e1a32b66e77b7b8d52563d24c960f74e4e83b3758279cadd931a7f" alt="OTFPO.png" />

já conseguir fazer tudo beleza via CSS mas estou com um problema! A imagina só ativa quando o mouse passa por cima da div, eu preciso que a imagem seja ativada ou melhor fique colorida quando passar o mouse no link da imagem.

Alguém poderia me da essa ajuda?

Segue o meu codigo via BOOTPLY

http://www.bootply.com/CyYjZEr33h

Não sei se tem como fazer isso via CSS ou se faz somente via Javascript, até tentei fazer via javascript mais não entendo muito de JS.

não sei se estou na categoria correta de pergunta, mais como fiz isso em CSS creio que sim.