鼠标悬停时突出显示图像映射区域

Question

<img src="images/QA_for_StreamingMedia_schema.png" alt="" usemap="#Map" hidefocus="true" />

<map name="Map" id="Map">
    <area alt="" title="Applications" href="javascript:void(0);" data-toggle="modal" data-target="#applicationsPopUp" shape="poly" coords="163,341,275,275,384,340,368,361,341,380,316,393,296,398,277,400,247,398,213,386,178,362,164,345" />
<area alt="" title="Media" href="javascript:void(0);" data-toggle="modal" data-target="#mediaPopUp" shape="poly" coords="264,129,265,260,154,325,144,307,139,281,138,254,145,220,163,186,177,167,208,146,225,136,246,130,260,130" />

</map>

我的地图区域代码。我想突出显示的区域。我尝试了一些css解决方案，但他们不会工作。