videojs полного экрана CSS

Question

Здравствуйте, я пытаюсь исправить CSS Thats только проблема присутствует в полном объеме, как videojs действительно есть CSS для полного экрана, но я пытался обойти ширину

для основного индикатора выполнения Я использую следующий

.vjs-cinematography-skin .vjs-progress-control { 
    border-style: solid; 
    border-width: 1px; 
    border-color: #666; 
    position: absolute; 
    left: 100px; 
    right: 0; 
    width: 55%; 
    font-size: 0.3em; 
    height: 2em; 
    /* Set above the rest of the controls. */// 
    top: 4em; 

    /* Shrink the bar slower than it grows. */// 
    .transition(all 0.4s); 
} 

но я пытаюсь изменения это с помощью полноэкранного режима для отладки причинам я добавил цвет

.vjs-cinematography-skin .vjs-progress-control .vjs-fullscreen .vjs-fullscreen-control div { 
width: 100% !important; 
background-color: #FFF !important; 
} 

, но я перепробовал много способов, которыми я ни знаю, как обойти CSS для е ullscreen только

вот мой демо-ссылка

http://muse4u.tv/dev/dist/demo.html

Answer 1

для тех, кто должен знать вы можете обойти CSS, как это мне потребовалось некоторое время, чтобы понять это :)

.vjs-cinematography-skin.vjs-fullscreen .vjs-progress-control { width: 86% !important; }