#slider{
            margin: 0 auto;
            width: 480px;
            height: 320px;
            overflow:hidden;
            background-color: ;
        }
    /*Valores de las imagenes*/
        #slider img{
            margin: 0 auto;
            -moz-transition: opacity 2s;
            -webkit-transition: opacity 2s;
            transition: opacity 2s;
            width: 320px;
            height: 240px;
            position: absolute;
            opacity: 0;
        }
    /*Para que la primera imagen este activa al inicio*/
        #slider img:nth-child(1){
            opacity: 1;
        }