﻿.section-focus-pic {
    /*margin: 20px auto 0 auto;*/
    height: 210px;
    width: 320px;
    overflow: hidden;
    position: relative;
}

    .section-focus-pic ul li {
        position: absolute;
        top: 0;
        left: 320px;
        width: 320px;
        height: 210px;
    }

        .section-focus-pic ul li h3 {
            position: absolute;
            bottom: 11px;
            left: 0;
            width: 320px;
            font-weight: normal;
            color: #FFF;
            margin-left: 20px;
            z-index: 111;
            font-size: 18px;
            font-family: "微软雅黑";
        }

        .section-focus-pic ul li div {
            position: absolute;
            bottom: 0;
            left: 0;
            height: 50px;
            background-color: #000;
            width: 320px;
            opacity: 0.6;
            filter: alpha(opacity=60);
        }

    .section-focus-pic .pages {
        width: 320px;
        height: 210px;
    }

    .section-focus-pic .controler {
        position: absolute;
       bottom: 60px;
        right: 20px;
    }

        .section-focus-pic .controler b {
            cursor: pointer;
            width: 20px;
            height: 10px;
            display: block;
            overflow: hidden;
            text-indent: 20px;
            background: url(news_index_icon.png) no-repeat -136px 3px;
            float: left;
            margin: 0 0 0 5px;
        }

            .section-focus-pic .controler b.down {
                background-position: -161px 1px;
            }

    .section-focus-pic .controler2 a {
        display: block;
        width: 40px;
        position: absolute;
        top: 80px;
        height: 40px;
    }

        .section-focus-pic .controler2 a i {
            cursor: pointer;
            display: block;
            width: 22px;
            height: 34px;
            background: url(star.png) no-repeat;
        }

    .section-focus-pic .controler2 .prev {
        left: 5px;
    }

        .section-focus-pic .controler2 .prev i {
            background-position: -34px -68px;
            _background: none;
            _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='star_05.png');
            margin-left: 5px;
        }

        .section-focus-pic .controler2 .prev:hover i {
            left: 10px;
            background-position: -34px -24px;
            _background: none;
            _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='star_03.png');
        }

    .section-focus-pic .controler2 .next {
        right: 10px;
    }

        .section-focus-pic .controler2 .next i {
            background-position: -62px -68px;
            _background: none;
            _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='star_06.png');
            margin-left: 10px;
        }

        .section-focus-pic .controler2 .next:hover i {
            right: 10px;
            background-position: -62px -24px;
            _background: none;
            _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='star_04.png');
        }
