<!-- JampPanel-->
<style>
#JampPanel:hover{
margin-right:-40px;
}
#JampPanel,#JampPanel .container{
border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
border:1px solid #343434;
background-color:#c2bab2;
box-shadow: 0px 5px 5px #000000;
-webkit-box-shadow:0px 5px 5px #000000;
-khtml-box-shadow:0px 5px 5px #000000;
-moz-box-shadow:0px 5px 5px #000000;
}
#JampPanel {opacity:0.86;
 position:fixed;z-index:1200;
 height:180px;top:8px;right:-5px;margin-right:-280px;
 background:#c2bab2 url(http://s1.uploads.ru/i/n/U/v/nUv6b.png) 4px 5px no-repeat;
   transition-duration: 0.33s;
  -webkit-transition-duration: 0.33s;
  -moz-transition-duration: 0.33s;
  -o-transition-duration: 0.33s;
 width:330px;
}
#JampPanel .container{
 padding:12px;
 height:400px;
 width:70%;margin:-1px 0 0 50px;
}
#Zaslonyalka{ /*прикрывает область тени на стыке уха с container*/
 position:absolute;
 height:180px;width:14px;
 background-color:#c2bab2;
 margin:-12px 0 0 -18px;
}
</style>
<div id=JampPanel>
  <div class=container>
    <div id=Zaslonyalka></div><p style="text-align:center; line-height:10px; font-size:11px;">


<br>
<br><br><b>бумбум:</b><br>
<ul class="hoverbox">
<li>

</li>
</ul>
<ul class="hoverbox">
<li>

</li>
</ul>
<ul class="hoverbox">
<li>

</li>
</ul>
</p>  </div>
</div>
<!--End//JampPanel-->