body {
                background-color: #FFF;
                font-family: 'Open Sans', 'sans-serif';
                font-size: 14px;
                color: #FFF;
            }
            #main_box{
                width:858px;
                height:604px;
                position:fixed;
                margin-left:-429px; /* half of width */
                margin-top:-302px;  /* half of height */
                top:50%;
                left:50%;
            }
            .slide { 
                height:auto; 
                display:none; 
                position:absolute;
                left: 0;
                bottom: 15px;
                list-style-type: none;
                margin:0px;
                padding: 0px;
            }
            .button {
                cursor:pointer;
                height:15px;
                position:relative;
                right:10px;
                /*     top:32px*/
                display: inline-block;
                float: left;
            }
            .seprator{
                cursor:pointer;
                height:15px;
                position:relative;
                right:10px;
                /*      top:32px; */
                display: inline-block;
                float: left;
            }

            .icon {
                position: relative;
                display: inline-block;


                -webkit-animation:icon_2 3s infinite; 
                animation:icon_2 3s infinite;

            }
            /* Chrome, Safari, Opera */
            @-webkit-keyframes icon_2
            {
                0%   {
                    background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0.83) 0%, rgba(255,255,255,0.83) 5%, rgba(255,255,255,0) 100%); /* FF3.6+ */
                    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0.83)), color-stop(5%,rgba(255,255,255,0.83)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
                    background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0.83) 0%,rgba(255,255,255,0.83) 5%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
                    background: -o-linear-gradient(-45deg,  rgba(255,255,255,0.83) 0%,rgba(255,255,255,0.83) 5%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
                    background: -ms-linear-gradient(-45deg,  rgba(255,255,255,0.83) 0%,rgba(255,255,255,0.83) 5%,rgba(255,255,255,0) 100%); /* IE10+ */
                    background: linear-gradient(135deg,  rgba(255,255,255,0.83) 0%,rgba(255,255,255,0.83) 5%,rgba(255,255,255,0) 100%); /* W3C */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


                }
                2%  {
                    background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.83) 31%, rgba(255,255,255,0) 100%); /* FF3.6+ */
                    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(31%,rgba(255,255,255,0.83)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
                    background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.83) 31%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
                    background: -o-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.83) 31%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
                    background: -ms-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.83) 31%,rgba(255,255,255,0) 100%); /* IE10+ */
                    background: linear-gradient(135deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.83) 31%,rgba(255,255,255,0) 100%); /* W3C */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

                }
                4%  {
                    background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 38%, rgba(255,255,255,0.83) 60%, rgba(255,255,255,0) 100%); /* FF3.6+ */
                    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(38%,rgba(255,255,255,0)), color-stop(60%,rgba(255,255,255,0.83)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
                    background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 38%,rgba(255,255,255,0.83) 60%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
                    background: -o-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 38%,rgba(255,255,255,0.83) 60%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
                    background: -ms-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 38%,rgba(255,255,255,0.83) 60%,rgba(255,255,255,0) 100%); /* IE10+ */
                    background: linear-gradient(135deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 38%,rgba(255,255,255,0.83) 60%,rgba(255,255,255,0) 100%); /* W3C */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

                }
                6%  {
                    background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 54%, rgba(255,255,255,0.83) 77%, rgba(255,255,255,0) 100%); /* FF3.6+ */
                    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(54%,rgba(255,255,255,0)), color-stop(77%,rgba(255,255,255,0.83)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
                    background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 54%,rgba(255,255,255,0.83) 77%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
                    background: -o-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 54%,rgba(255,255,255,0.83) 77%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
                    background: -ms-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 54%,rgba(255,255,255,0.83) 77%,rgba(255,255,255,0) 100%); /* IE10+ */
                    background: linear-gradient(135deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 54%,rgba(255,255,255,0.83) 77%,rgba(255,255,255,0) 100%); /* W3C */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

                }
                8% {
                    background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 70%, rgba(255,255,255,0.83) 100%); /* FF3.6+ */
                    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(70%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.83))); /* Chrome,Safari4+ */
                    background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 70%,rgba(255,255,255,0.83) 100%); /* Chrome10+,Safari5.1+ */
                    background: -o-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 70%,rgba(255,255,255,0.83) 100%); /* Opera 11.10+ */
                    background: -ms-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 70%,rgba(255,255,255,0.83) 100%); /* IE10+ */
                    background: linear-gradient(135deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 70%,rgba(255,255,255,0.83) 100%); /* W3C */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#d4ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


                }
                10% {
                    background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
                    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
                    background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
                    background: -o-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
                    background: -ms-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
                    background: linear-gradient(135deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%); /* W3C */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

                }
            }

            /* Standard syntax */
            @keyframes icon_2
            {
                0%   {
                    background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0.83) 0%, rgba(255,255,255,0.83) 5%, rgba(255,255,255,0) 100%); /* FF3.6+ */
                    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0.83)), color-stop(5%,rgba(255,255,255,0.83)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
                    background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0.83) 0%,rgba(255,255,255,0.83) 5%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
                    background: -o-linear-gradient(-45deg,  rgba(255,255,255,0.83) 0%,rgba(255,255,255,0.83) 5%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
                    background: -ms-linear-gradient(-45deg,  rgba(255,255,255,0.83) 0%,rgba(255,255,255,0.83) 5%,rgba(255,255,255,0) 100%); /* IE10+ */
                    background: linear-gradient(135deg,  rgba(255,255,255,0.83) 0%,rgba(255,255,255,0.83) 5%,rgba(255,255,255,0) 100%); /* W3C */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


                }
                2%  {
                    background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.83) 31%, rgba(255,255,255,0) 100%); /* FF3.6+ */
                    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(31%,rgba(255,255,255,0.83)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
                    background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.83) 31%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
                    background: -o-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.83) 31%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
                    background: -ms-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.83) 31%,rgba(255,255,255,0) 100%); /* IE10+ */
                    background: linear-gradient(135deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.83) 31%,rgba(255,255,255,0) 100%); /* W3C */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

                }
                4%  {
                    background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 38%, rgba(255,255,255,0.83) 60%, rgba(255,255,255,0) 100%); /* FF3.6+ */
                    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(38%,rgba(255,255,255,0)), color-stop(60%,rgba(255,255,255,0.83)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
                    background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 38%,rgba(255,255,255,0.83) 60%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
                    background: -o-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 38%,rgba(255,255,255,0.83) 60%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
                    background: -ms-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 38%,rgba(255,255,255,0.83) 60%,rgba(255,255,255,0) 100%); /* IE10+ */
                    background: linear-gradient(135deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 38%,rgba(255,255,255,0.83) 60%,rgba(255,255,255,0) 100%); /* W3C */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

                }
                6%  {
                    background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 54%, rgba(255,255,255,0.83) 77%, rgba(255,255,255,0) 100%); /* FF3.6+ */
                    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(54%,rgba(255,255,255,0)), color-stop(77%,rgba(255,255,255,0.83)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
                    background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 54%,rgba(255,255,255,0.83) 77%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
                    background: -o-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 54%,rgba(255,255,255,0.83) 77%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
                    background: -ms-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 54%,rgba(255,255,255,0.83) 77%,rgba(255,255,255,0) 100%); /* IE10+ */
                    background: linear-gradient(135deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 54%,rgba(255,255,255,0.83) 77%,rgba(255,255,255,0) 100%); /* W3C */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

                }
                8% {
                    background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 70%, rgba(255,255,255,0.83) 100%); /* FF3.6+ */
                    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(70%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.83))); /* Chrome,Safari4+ */
                    background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 70%,rgba(255,255,255,0.83) 100%); /* Chrome10+,Safari5.1+ */
                    background: -o-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 70%,rgba(255,255,255,0.83) 100%); /* Opera 11.10+ */
                    background: -ms-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 70%,rgba(255,255,255,0.83) 100%); /* IE10+ */
                    background: linear-gradient(135deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 70%,rgba(255,255,255,0.83) 100%); /* W3C */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#d4ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


                }
                10% {
                    background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
                    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
                    background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
                    background: -o-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
                    background: -ms-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
                    background: linear-gradient(135deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%); /* W3C */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

                }
            }