<style type="text/css">

    .bbf_slide_lr_1 {

            margin-bottom:10px;

        padding: 5px 35px;

        position: relative;

        border:1px solid #ccc;

        border-right:none;

        border-radius:5px;

    }

    ul.slideshow li {

        float: left;

        overflow: hidden;

        padding: 0 3px;

        text-align: center;

    }

    ul.slideshow li a{ display:block;}

    .slidebarbtn {

        display: block;

        font-family: Geneva,sans-serif;

        font-size: 36px;

        height: 80px;

        line-height: 80px;

        position: absolute;

        text-align: center;

        width: 28px;

    }

    .slidebarbtn:hover {

        text-decoration: none;

    }

    .slidebarbtn {

        background: none repeat scroll 0 0 #f2f2f2;

        border: 1px solid #cdcdcd;

        color: #333;

            border-radius: 5px;

    }

    .slidebarbtn:hover {

        background: none repeat scroll 0 0 #fcc9a4;

        border: 1px solid #cdcdcd;

        color: #fff;

    }

    .slidebarup {

        left: 5px;

        top: 66px;

    }

    .slidebardown {

        right: 5px;

        top: 66px;

    }

            

    .bbf_slide_lr_1  span,.bbf_slide_lr_1 em  { position:absolute; left:3px; bottom:0; height:40px ; text-indent:5px; line-height:40px; font-size:16px;  color:#000; overflow:hidden; }

    .ie_all .bbf_slide_lr_1 span, .ie_all .bbf_slide_lr_1 em  { bottom:0px; }

    .bbf_slide_lr_1  span { background-color:#fff; opacity:.4;filter:alpha(opacity=40); }

    .bbf_slide_lr_1  a:hover span { background-color:#000; }

    .bbf_slide_lr_1  li:hover em { color:#fff; text-decoration:none; }

    .bbf_slide_lr_1  em:hover { color:#fff; text-decoration:none; }

            

    </style>

    <div class="slidebox bbf_slide_lr_1" slidenum="4" slidestep="3" > <!--4个，每次滚动3个-->

    <a class="slidebarbtn leftbtn slidebarup" mevent="click" href="javascript:void(0);"> <</a>

    <div class="middle cl" >

            <ul class="slideshow">

            [loop]

            <li style="width: {picwidth}px;">

        <a href="{url}" {target} title="{title}"><img src="{pic}" width="{picwidth}px" height="{picheight}px" alt="{title}" /> <span></span><em style="width:{picwidth}px;">{title}</em> </a>

        </li>

        [/loop]

        </ul>

    </div>

    <a class="slidebarbtn rightbtn slidebardown" mevent="click" href="javascript:void(0);">> </a>

    </div>

    <script type="text/javascript">

    runslideshow();

    </script>