"Во-1 никогда не используй отвертку"
"Во-2 никогда не используй молоток"
"В-3 никогда..."
"В-4 всегда..."
Настолько категоричные советы обычно приходят от тех, кто никогда не использует мозг. Да еще и путает transparent с opacity ;)
Замените у себя:
.spoiler .text {
position: absolute;
bottom: -5px;
font-family:"gotham_probold", sans-serif;
font-size: 16px;
text-transform: uppercase;
background: #def;
padding: 10px;
color: #9c9c9c;
border-bottom: 1px solid #f0f0f0;
clear: both;
opacity: 0.6;
}
Это то что вы хотели?
И второе: нестандартные шрифты нужно сначала откуда-то загрузить, но с этим вы справитесь самостоятельно, если погуглите.