/* @module tab_style */

.eui_switchable{ width:500px; height:313px; position:relative; }
.eui_switchable .sc_container{ width:500px; height:313px; position:relative; overflow:hidden; }
.eui_switchable .sc_container ul{ width:500px; height:313px; }
.eui_switchable li{ width:500px; height:313px; overflow:hidden; }
.eui_switchable .sc_index{ position:absolute; right:12px; bottom:12px; z-index:3; }
.eui_switchable .sc_index a{ float:left; width:30px; height:7px; line-height:7px; margin-left:2px; background:#fff; opacity:0.7; filter:alpha(opacity=70); cursor:pointer; text-indent:-999em; overflow:hidden; }
.eui_switchable .sc_index .current{ background-color:#3498f0; opacity:1; filter:alpha(opacity=100); }
.eui_switchable .sc_prev,
.eui_switchable .sc_next{ position:absolute; top:50%; margin-top:-29px; display:block; width:40px; height:58px; background:url(../images/arrow.png) no-repeat 0 0; text-indent:-999em; overflow:hidden; opacity:0.5; filter:alpha(opacity=50); border:2px solid #555; }
.eui_switchable .sc_prev{ left:10px; }
.eui_switchable .sc_next{ right:10px; background-position:-46px 0; }
.eui_switchable .sc_prev:hover,
.eui_switchable .sc_next:hover{ opacity:0.8; filter:alpha(opacity=80); }