
#zz1     { font-size: 14px; font-weight: bold; line-height: 30px; margin-top: 15px; margin-bottom: 20px; float: left }
#zz1 a   { color: #000; text-decoration: none; display: block; padding-left: 10px; height: 30px }
#zz1 a:hover  { color: #800080; font-size: 14px; background-image: url("../image/video/wk_bg_ahover.gif"); height: 30px }
#zz1 a:link  { color: #000; height: 30px }
#zz1 a:aktive  { color: #000; height: 30px }
.zz2     { font-weight: bold; background-image: url("../image/video/wk_bg_a.gif"); margin-left: 2px; width: 190px; float: left }
.zz3     { color: #800080; font-weight: bold; background-image: url("../image/video/wk_bg_ahover.gif"); margin-left: 2px; width: 190px; float: left }

/*Banner 1*/

#banner     { background-repeat: no-repeat; background-position: 12px 0; text-align: center; width: 995px; margin-right: auto; margin-left: auto; }
#banner .sliderwrapper  { background-image: url(../image/video/bg_top.png); text-align: center; margin-right: auto; margin-left: auto; position: relative; width: 955px; height: 301px; z-index: 10; overflow: hidden     }



#banner .sliderwrapper .contentdiv  { visibility: hidden; margin-right: auto; margin-left: auto; position: absolute; top: 0; left: 0; width: 955px; height: 301px; z-index: 0; float: left   }
#banner .pagination          { background-image: url(../image/video/banner1_ping_bg.png); text-align: center; position: absolute; top: 265px; left: 700px; width: 242px; height: 30px  ; z-index: 100; border: solid 1px #ccc; }
#banner .pagination a:hover, #banner .pagination a.selected          { color: #000; background-image: url("../image/slide/ball_hover.png"); background-repeat: no-repeat; background-position: center }

#banner .pagination a        { color: #a9a9a9; font-size: 20px; text-decoration: none; background-image: url("../image/slide/ball.png"); background-repeat: no-repeat; background-position: center; cursor: pointer; display: inline-block; width: 30px; height: 30px; float: left }
#banner .last a	   { background-image: url("../image/slide/forw.png"); border-style: none; outline-style: none }
#banner .last a:hover { background-image: url("../image/slide/forw_hover.png") }
#banner .first a	   { background-image: url("../image/slide/back.png"); border-style: none; outline-style: none }
#banner .first a:hover { background-image: url("../image/slide/back_hover.png") }
/*#banner .pagination   { margin-top: 40px; width: 200px }

#banner .pagination a   { color: #a9a9a9; font-size: 20px; text-decoration: none; background-repeat: no-repeat; background-position: 50% top; text-align: left; cursor: default; display: inline-block; margin-bottom: 6px; padding: 5px 0 0; width: 220px; height: 35px; float: left }

#banner .pagination a.last{
	margin-right:0px;
}

#banner .pagination a img { margin: 0 0 10px; float: left }
#banner .pagination a span.thumb{
	width:50px;
	padding-left:10px;
	float:left;
	cursor: default;
}
#banner .pagination a span.tp{
	padding-top:5px;
}
#banner .pagination a span.link  { cursor: default; padding-top: 6px; float: left }
#banner .pagination a:hover, #banner .pagination a.selected    { color: #000; background-color: #000; background-image: url("../image/slide/banner_rol.gif") }
*/
/*Banner 2*/

#banner2      { background-image: url(../image/video/banner2_bg.png); background-repeat: no-repeat; width: 780px; height: 290px; float: left; border-top: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; border-left: 1px solid #f5f5f5; }
#banner2 .sliderwrapper    { margin-left: 10px; position: relative; width: 520px; height: 250px; float: left; overflow: hidden ; margin-top: 10px; }



#banner2 .sliderwrapper .contentdiv { background-color: #eee; visibility: hidden; position: absolute; top: 0; left: 0; width: 520px; height: 250px; float: left }


#banner2 .pagination         { text-align: center; margin-left: 10px; height: 30px }
#banner2 .pagination a:hover, #banner2 .pagination a.selected         { color: #000; background-image: url("../image/slide/ball_hover.png"); background-position: center }

#banner2 .pagination a       { color: #a9a9a9; font-size: 20px; text-decoration: none; background-image: url("../image/slide/ball.png"); background-repeat: no-repeat; background-position: center; cursor: pointer; display: inline-block; width: 30px; height: 30px; float: left }
#banner2 .last a	   { background-image: url("../image/slide/forw.png"); border-style: none; outline-style: none }
#banner2 .last a:hover { background-image: url("../image/slide/forw_hover.png") }
#banner2 .first a	   { background-image: url("../image/slide/back.png"); border-style: none; outline-style: none }
#banner2 .first a:hover { background-image: url("../image/slide/back_hover.png") }
/*
#banner2 .pagination a.last  { text-decoration: none }

#banner2 .pagination a img  { text-decoration: none }
#banner2 .pagination a span.thumb    { text-decoration: none; cursor: default; margin-top: 5px }
#banner2 .pagination a span.thumb_fl   { text-decoration: none; cursor: default }
#banner2 .pagination a span.tp   { text-decoration: none }
#banner .pagination a span.link    { text-decoration: none; cursor: default; padding-top: 6px }
*/


