Не работает :hover после прохода первого цикла анимации. Где это кроется?

Question

[dm_black]

Есть слайдер: codepen.io/hw/pen/biEBz
Идет анимация, все работает, bullets снизу по очереди становятся розовыми.
И пока идет первый круг анимации (первый кружек розовый), hover исправно работает для второго и третьего, они становятся розовыми при наведении.
Но как только autoplay перешел на второй bullet, для первого hover уже не работает.
После первого цикла анимации не на одном из bullets hover не работает.
Также hover перестает работать после клика на один из bullets.
Надеюсь дословно объяснил, подскажите пожалуйста, где в коде это можно найти и изменить?

Comments

[Кирилл]

В каом браузере не работает? У меня в хроме Версия 40.0.2214.115 (64-bit) для MacOS все работает

[dm_black]

Кирилл Кубляков: Хром, Фокс, ИЕ - не работает. Ну точнее работает не так, как мне нужно.
Если кликнуть на одну из bullets, :hover для них перестает работать, не подсвечивает розовым, когда наводишь на них.
Так же перестает работать, когда проходит один цикл анимации.

Answer 1

[Marina]

Если:

.csslider1 > .cs_bullets > label:hover{
background-color: #E34B64;
}

заменить на:

.csslider1 > .cs_bullets > label:hover,
.csslider1 > .slide:checked ~ .cs_bullets > label:hover {
background-color: #E34B64;
}

ховер заработает