<link href="{$template_path}/visual/modules/common/special-pic/css/style.css" rel="stylesheet">
<div class="special-pic">
    <a>
        <h2>
        <span>
            专题名称        </span>
            <p>
                专题副标题
            </p>
        </h2>


        <img src="{$template_path}/visual/modules/common/special-pic/special-pic.jpg">

    </a>
</div>
<style type="text/css">

    .special-pic a h2 {
        font-size:20px;
        color:#333333;
        border-color:rgba(255, 255, 255, 0);
        border-radius: 0px;
        background:rgba(255, 255, 255, 0);
    }

    .special-pic a h2:hover {
        color:#000000;
        border-color:rgba(255, 255, 255, 0);
        border-radius: $_link-border-hover-radius;
        background:rgba(255, 255, 255, 0);
    }

    .special-pic a h2 p {
        font-size:14px;
        color:#999999;
    }
    .special-pic a h2 p:hover {
        color:#999999;
    }

    .special-pic {
        background:rgba(255, 255, 255, 0);
    }

    .special-pic:hover {
        background:rgba(255, 255, 255, 0);
    }

</style>