@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; list-style:none; font-style:normal; }
body {height:100%; margin:0; padding: color:#636363; font: 12px/1.5 Arial, sans-serif; }
img { border:0; }
em { color:#f00; }

a { color:#ccc; text-decoration:none; }

a:hover ,
a.current { color:#ff0000!important; }
.clearMe { clear:both; }

#wrap{ position:absolute; margin:-300px -400px 0; top:50%; left:50%; width:800px; height:600px;}


#hearder { position:relative; margin:118px 0 0 46px; width:708px; height:60px; }
#hearder .logo ,
#hearder .menu { position:absolute; top:48px; }

#hearder .logo { top:7px; left:0;  }
#hearder .logo a { display:block;width:187px; height:45px; background:url(../img/logo.gif) no-repeat; }

#hearder .menu { top:40px; right:0;  height:36px; }
#hearder .menu li { float:left; padding:5px 0; }
#hearder .menu li a { display:block; height:8px; line-height:8px; overflow:hidden; text-indent:-9999px; background-repeat:no-repeat; }
#hearder .menu li a:hover ,
#hearder .menu li.current a { background-position:0 bottom; }

#hearder .menu li#mainmenu_1 a { width:42px; background-image:url(../img/m_01.gif); }
#hearder .menu li#mainmenu_2 a { width:46px; background-image:url(../img/m_02.gif); }
#hearder .menu li#mainmenu_3 a { width:68px; background-image:url(../img/m_03.gif); }
#hearder .menu li#mainmenu_4 a { width:58px; background-image:url(../img/m_04.gif); }
#hearder .menu li#mainmenu_5 a { width:36px; background-image:url(../img/m_05.gif); }


.containers { position:relative; margin: 0 auto; width:708px; z-index:100;}
.containers p { margin:0; padding:0; display:inline; }
.show { position:relative; }
.show img { display:block; position:absolute; width:708px; height:198px; }
.show .bgBtn { position:absolute; left:600px; top:172px; z-index:10000; }

.previz { height:283px; position:relative; background-color:#3fa9f5;}
.previz img { position:absolute; right:0; top:0; }

.playArea { position:absolute; left:0; top:0; background-color:#000; }
.goBack {margin-top:15px;  background:url(../img/bgBack.gif) no-repeat; width:37px; height:14px; display:block; line-height:14px; overflow:hidden; text-indent:-9999px; }
.goBack:hover { background-position:0 -15px; }

.sPlay ,
.sDownload { width:30px; height:13px; line-height:13px; display:block; float:left; overflow:hidden; text-indent:-999px; background-image: url(../img/bgBtn.png); }
.sDownload { width:60px; background-position:-30px 0; }

.sPlay:hover ,
.sPlay_c{ background-position:0 -13PX; }
.sDownload:hover ,
.sDownload_c { background-position:-30px -13PX; }



.list { position:absolute; width:708px; top:205px; z-index:999; color:#ccc; }
.list a { color:#ccc; cursor:pointer; float:left; display:block; }
.list a.current_n:hover ,
.list a.current_n{ color:#603813!important; }

.prev ,
.next { position:absolute; width:20px; height:8px; right:22px; line-height:8px; overflow:hidden; text-indent:-999px; background:url(../img/bgCutOver.png) no-repeat; }
.prev:hover { background-position:0 -16px; }
.first { background-position:0 -8px!important; cursor:default; }

.next { background-position:right 0; right:0; }
.next:hover { background-position:right -16px; }
.last { background-position:right -8px!important; }