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


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

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

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

    .type-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);
    }

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

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

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

</style>