﻿.news-slider {
    width: 500px;
    height: 320px;
    float: left;
    overflow: hidden;
    position: relative;
}

    .news-slider .flexslider {
        height: 320px;
        overflow: hidden;
        background-color: #f2f2f2;
    }

        .news-slider .flexslider .slides {
            position: relative;
            z-index: 2
        }

            .news-slider .flexslider .slides li {
                position: relative;
                height: 320px;
            }

                .news-slider .flexslider .slides li img {
                    width: 500px;
                    height: 320px;
                    margin-top:0px;
                    display: block;
                    background: url(../images/loading.gif) no-repeat center center #fff;
                }

                .news-slider .flexslider .slides li p {
                    text-align: left;
                    text-indent: 1em;
                    line-height: 40px;
                    color: #fff;
                    width: 100%;
                    height: 40px;
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    background: rgba(0, 0, 0, 0.7);
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: inline-block;
                    padding-right: 100px;
                    font-size: 14px;
                }

        .news-slider .flexslider .flex-control-nav {
            bottom: 25px;
            right: 15px;
            text-align: right;
            z-index: 100;
            position: relative;
        }

            .news-slider .flexslider .flex-control-nav li {
                margin: 0 3px;
                text-align: left
            }

                .news-slider .flexslider .flex-control-nav li a {
                    background: #aaa;
                    background: rgba(255, 255, 255, 0.5);
                }

                    .news-slider .flexslider .flex-control-nav li a.flex-active {
                        background: #f39800;
                    }
