<link href="{$template_path}/visual/modules/common/special-banner/css/style.css" rel="stylesheet">
<div class="special-banner">
    <img src="{$template_path}/visual/modules/common/special-banner/special-banner.jpg">
    <div class="container">
        <div class="special-banner-title">
            <h1>
                专题名称           </h1>
            <div class="clearfix"></div>
            <p>
                专题副标题            </p>
        </div>
    </div>
</div>
<style type="text/css">

    .special-banner {max-height: 250px;}
    .special-banner .special-banner-title h1 {
        font-size:30px;
        color:#ffffff;
        border-color:rgba(255, 255, 255, 0);
        border-radius: 0px;
        background:rgba(255, 255, 255, 0);
    }

    .special-banner .special-banner-title h1:hover {
        color:#ffffff;
        border-color:rgba(255, 255, 255, 0);
        border-radius: $_link-border-hover-radius;
        background:rgba(255, 255, 255, 0);
    }

    .special-banner .special-banner-title p {
        color:#ffffff;
    }

    .special-banner .special-banner-title p:hover {
        color:;
    }

    .special-banner .special-banner-title h1:after {
        background:#ffffff;
    }
    .special-banner .special-banner-title h1:hover:after {
        background:#ffffff;
    }

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

</style>