<link href="{$template_path}/visual/modules/common/four-columns/css/style-2.css" rel="stylesheet">
<div class="s1-item s1-item-2">
    <div class="s1-img">
        <a href="#">
            <img src="{$template_path}/visual/modules/common/four-columns/images/2.png" />
        </a>
    </div>
    <div class="s1-text">
        <h4>
            <a href="#">
                栏目标题
            </a>
        </h4>
        <p>
            栏目文字说明。。。
        </p>
    </div>
</div>
<style type="text/css">
    .four-columns .s1-item-2 .s1-text h4 a {
        font-size:$_link-font-size;
        color:$_link-color;
    }
    .four-columns .s1-item-2 .s1-text h4 a:hover {
        color:$_link-hover-color;
    }
    .four-columns .s1-item-2 .s1-text p {
        font-size:$_p-size;
        color:$_p-color;
    }
    .four-columns .s1-item-2 .s1-text p:hover {
        color:$_p-hover-color;
    }
    .four-columns .s1-item-2 {
        border-color:$_link-border-color;
    }
    .four-columns .s1-item-2:hover {
        border-color:$_link-border-hover-color;
    }
</style>