Помогите переоформить миниатюру уменьшенного изображения

На cms DLE установлена галерея highslide, но оформление ее миниатюры очень скудное, вот и хочется немного его поменять. Вокруг изображения я уже сделал бордер, но не могу понять, как под этот бордер поместить подпись картинки... Ниже html миниатюры, которая выводится у меня. Как еще под бордер вставить <span class="highslide-caption">??? Вот мой сайт http://base-road.ru/rig/566-parovoznyy-kotel-konstrukciya-i-harakteristiki.html, а идею брал от сюда http://happymodern.ru/kolonny-v-interere-foto/

Помогите пожалуйста(((( Всех с наступающим!

<div style="text-align:center;"><!--MBegin:http://base-road.ru/uploads/posts/2016-12/1481455381_parovoz-i-parovoz-cherepanovyh.png||Современный паровоз по сравнению с паровозом Черепановых--><a href="http://base-road.ru/uploads/posts/2016-12/1481455381_parovoz-i-parovoz-cherepanovyh.png" rel="highslide" class="highslide"><img src="/uploads/posts/2016-12/medium/1481455381_parovoz-i-parovoz-cherepanovyh.png" alt="Современный паровоз по сравнению с паровозом Черепановых" title="Современный паровоз по сравнению с паровозом Черепановых"></a><span class="highslide-caption"><span class="masha_index masha_index5" rel="5"></span>Современный паровоз по сравнению с паровозом Черепановых</span><!--MEnd--></div>