Кнопка пожаловаться, если видео не открывается - Вопросы по CSS

<span>
	<span class="hasTooltip" data-original-title="Выключить свет"><i class="fa fa-lightbulb-o fa-lg"> </i></span>
	<span class="hasTooltip" data-original-title="Пожаловаться, не открывается"><i class="fa fa-exclamation-circle fa-lg"> </i></span>
</span>

<div align="center">  
<a class="lightSwitcher" href="#">Выключить свет</a>  
</div> 
<div id="shadow">  
</div>  

<script type="text/javascript" src="http://zornet.ru/ZORNET/jquery.min.js"></script>  
 
  <script type="text/javascript">  
  jQuery(document).ready(function(){  
  jQuery(".lightSwitcher").click(function(){  
  jQuery("#shadow").toggle();  
  if (jQuery("#shadow").is(":hidden")) jQuery(this).html("Выключить Свет").removeClass("turnedOff");  
  else jQuery(this).html("Включить Свет").addClass("turnedOff");  
  return false;  
  });  
  });  
  </script>  

<style type="text/css">  
.lightSwitcher { position:relative; z-index:101; background-image:url(http://zornet.ru/ZORNET/light_bulb_off.png); background-repeat:no-repeat; background-position:left; padding: 2px 0 2px 20px; height:16px; outline:none; text-decoration:none; }  
.lightSwitcher:hover { text-decoration:underline; }  
#shadow { background:#000; opacity:0.9; filter:alpha(opacity=90); position:fixed; left:0; top:0; height:100%; width:100%; z-index:100; display:none; }  
.turnedOff { color:#ffff00; background-image:url(http://zornet.ru/ZORNET/light_bulb_on.gif); }  
object { z-index:101; position:relative; }  
</style>