opacity を指定するコードですが、以下のようにするとhover に関してはopacity: 1で認識されるのですが、current クラスに関しては認識されずにopacity: 0.4のままでした。

.thumbnails li:hover,
.current { 
  opacity: 1;
}

試しに動画の通り2行目を.thumbnails li.currentとするときちんと認識されるため、詳細度の問題ではない気がします。
今回current クラスは1つしかないので上記でも問題ないかと思ったのですが、きちんと親要素からコードを書かないといけない等あるのでしょうか。