.overlay 全体ですでに opacity を 0 に設定しているのに .overlay li のところでも opacity を 0 に設定しているのはなぜですか？
試しに .overlay li の opacity: 0; をコメントアウトしてみたのですが同じように動きました。