effect on area shape map
===

I have an image mapped with area shape and I want when I go hover an area make an effect (like create a border or apply some opacity).
This is my code:
How can I do that? I have tried with some class and apply hover with a border or opacity but nothing

    <img src="img/mappa/mappa.jpg" alt="mappa del parco" usemap="#Map" />
                <map name="Map" id="Map">
                  <area  shape="rect" data-fancybox-group="fancy"  coords="307,293,399,351"  id="fancybox" href="#inline1" alt="" class="area"/>
                </map>