.slides {
            height: 244px;
            margin: 0px auto;
            overflow: hidden;
            position: relative;
            width: 100%;
        }

            .slides ul {
                list-style: none;
                position: relative;
            }

        /* keyframes #anim_slides */
        @-webkit-keyframes anim_slides {
            0% {
                opacity: 0;
            }

            6% {
                opacity: 1;
            }

            24% {
                opacity: 1;
            }

            30% {
                opacity: 0;
            }

            100% {
                opacity: 0;
            }
        }

        @-moz-keyframes anim_slides {
            0% {
                opacity: 0;
            }

            6% {
                opacity: 1;
            }

            24% {
                opacity: 1;
            }

            30% {
                opacity: 0;
            }

            100% {
                opacity: 0;
            }
        }

        .slides ul.SlideUl li.Slideli {
            opacity: 0;
            position: absolute;
            top: 0;
            /* css3 animation */
            -webkit-animation-name: anim_slides;
            -webkit-animation-duration: 24.0s;
            -webkit-animation-timing-function: linear;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-direction: normal;
            -webkit-animation-delay: 0;
            -webkit-animation-play-state: running;
            -webkit-animation-fill-mode: forwards;
            -moz-animation-name: anim_slides;
            -moz-animation-duration: 24.0s;
            -moz-animation-timing-function: linear;
            -moz-animation-iteration-count: infinite;
            -moz-animation-direction: normal;
            -moz-animation-delay: 0;
            -moz-animation-play-state: running;
            -moz-animation-fill-mode: forwards;
            width:990px;
            height:244px;
        }

            /* css3 delays */
            .slides ul.SlideUl li.Slideli:nth-child(2), .slides ul li.Slideli:nth-child(2) div {
                -webkit-animation-delay: 6.0s;
                -moz-animation-delay: 6.0s;
            }

            .slides ul.SlideUl li.Slideli:nth-child(3), .slides ul li.Slideli:nth-child(3) div {
                -webkit-animation-delay: 12.0s;
                -moz-animation-delay: 12.0s;
            }

        .slides ul li.Slideli:nth-child(4), .slides ul li:nth-child(4) div {
            -webkit-animation-delay: 18.0s;
            -moz-animation-delay: 18.0s;
        }

        .slides ul.SlideUl li.Slideli img {
            display: block;
            margin-left: -36px;

            width:100%;
        }

        /* keyframes #anim_titles */
        @-webkit-keyframes anim_titles {
            0% {
                left: 100%;
                opacity: 0;
            }

            5% {
                left: 10%;
                opacity: 1;
            }

            20% {
                left: 10%;
                opacity: 1;
            }

            25% {
                left: 100%;
                opacity: 0;
            }

            100% {
                left: 100%;
                opacity: 0;
            }
        }

        @-moz-keyframes anim_titles {
            0% {
                left: 100%;
                opacity: 0;
            }

            5% {
                left: 10%;
                opacity: 1;
            }

            20% {
                left: 10%;
                opacity: 1;
            }

            25% {
                left: 100%;
                opacity: 0;
            }

            100% {
                left: 100%;
                opacity: 0;
            }
        }

        .slides ul.SlideUl li.Slideli div {
            background-color: #000000;
            border-radius: 10px 10px 10px 10px;
            box-shadow: 0 0 5px #FFFFFF inset;
            color: #FFFFFF;
            font-size: 26px;
            left: 10%;
            margin: 0 auto;
            padding: 5px;
            position: absolute;
            /* css3 animation */
            -webkit-animation-name: anim_titles;
            -webkit-animation-duration: 24.0s;
            -webkit-animation-timing-function: linear;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-direction: normal;
            -webkit-animation-delay: 0;
            -webkit-animation-play-state: running;
            -webkit-animation-fill-mode: forwards;
            -moz-animation-name: anim_titles;
            -moz-animation-duration: 24.0s;
            -moz-animation-timing-function: linear;
            -moz-animation-iteration-count: infinite;
            -moz-animation-direction: normal;
            -moz-animation-delay: 0;
            -moz-animation-play-state: running;
            -moz-animation-fill-mode: forwards;
        }