Использование! Important в функции css () jQuery

У меня есть диалоговое окно с наложением, объявленным так:

     .ui-widget-overlay  {
         position: absolute;
         left: 8px;
         top: 9px;
         height: 985px !important;
         width: 518px !important; 
      }

У моей страницы будет две разные высоты страницы. Чтобы учесть это с помощью наложения, я сделал это в моем файле JS:

Если виден маленький:

$('.ui-widget-overlay').css("height", "985px !important");

else

$('.ui-widget-overlay').css("height", "1167px !important");

По-видимому, это не работает. Есть ли другой способ обойти ! important что бы?

Страница может переключаться вперед и назад, поэтому мне всегда нужно иметь одну или другую. Также, если я не добавлю ! Important в css, то оверлей будет бесконечно расширяться по высоте (его в facebook, поэтому я предполагаю, что там есть проблема)

Есть предложения?