You should use ID's or classes. Have specific img
tags set up so it's like:
<a href="images/work/cardrawing.jpg" data-lightbox="drawing" title="subaru drawing">
<img class="hoverImage" src="images/work/thumbnails/cardrawing_thumb.jpg" />
</a>
and then in your CSS you can use:
a img.hoverImage{
border:5px solid #cccccc;
}
a img.hoverImage:hover{
border:5px solid #0b6f8a;
}
You can then set specific properties/hovers for each image if necessary.