div.slideBox{ position:relative; width:1180px; height:360px; overflow:hidden;}
div.slideBox ul.items{ position:absolute; float:left; background:none; list-style:none; padding:0px; margin:0px;}
div.slideBox ul.items li{ float:left; background:none; list-style:none; padding:0px; margin:0px;}
div.slideBox ul.items li a{ float:left; line-height:normal !important; padding:0px !important; border:none/*For IE.ADD.JENA.201206300844*/;}
div.slideBox ul.items li a img{ margin:0px !important; padding:0px !important; display:block; border:none/*For IE.ADD.JENA.201206300844*/;}
div.slideBox div.tips{ position:absolute; bottom:0px; width:100%; height:40px; background-color:rgba(0,0,0,0.2); overflow:hidden; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5;}
div.slideBox div.tips div.title{ position:absolute; left:0px; top:0px; height:100%;}
div.slideBox div.tips div.title a{ color:#FFF; font-size:18px; line-height:40px; margin-left:10px; text-decoration:none;}
div.slideBox div.tips div.title a:hover{ text-decoration:underline !important;}
div.slideBox div.tips div.nums{ position:absolute; right:470px; top:0px; height:100%; opacity:1;}
div.slideBox div.tips div.nums a{ display:inline-block; >float:left/*For IE.ADD.JENA.201206300844*/; width:15px; height:15px; background-color:#FFF; text-indent:-99999px; margin:12px 10px 0px 0px;}
div.slideBox div.tips div.nums a.active{ background-color:#ffcf08;}

div.slideBox2{ position:relative; width:356px; /*height:230px;*/height: 271px; overflow:hidden;}
div.slideBox2 ul.items{ position:absolute; float:left; background:none; list-style:none; padding:0px; margin:0px;}
div.slideBox2 ul.items li{ float:left; background:none; list-style:none; padding:0px; margin:0px;}
div.slideBox2 ul.items li a{ float:left; line-height:normal !important; padding:0px !important; border:none/*For IE.ADD.JENA.201206300844*/;}
div.slideBox2 ul.items li a img{ margin:0px !important; padding:0px !important; display:block; border:none/*For IE.ADD.JENA.201206300844*/;}
div.slideBox2 div.tips{ position:absolute; bottom:0px; width:100%; height:30px; background-color:#000; overflow:hidden;}
div.slideBox2 div.tips div.title{ position:absolute; left:0px; top:0px; height:100%;}
div.slideBox2 div.tips div.title a{ color:#FFF; font-size:12px; line-height:30px; margin-left:10px; text-decoration:none;}
div.slideBox2 div.tips div.title a:hover{ text-decoration:underline !important;}
div.slideBox2 div.tips div.nums{ font-size:0px; position:absolute; right:0px; top:0px; height:100%; opacity:1;}
div.slideBox2 div.tips div.nums a{ font-size:0px; display:inline-block; >float:left/*For IE.ADD.JENA.201206300844*/; width:10px; height:10px; background-color:#FFF; text-indent:-99999px; margin:10px 10px 0px 0px;}
div.slideBox2 div.tips div.nums a.active{ background-color:red;}

div.slideBox3{ position:relative; width:345px;height: 245px; overflow:hidden;margin: 10px 6px;}
div.slideBox3 ul.items{ position:absolute; float:left; background:none; list-style:none; padding:0px; margin:0px;}
div.slideBox3 ul.items li{ float:left; background:none; list-style:none; padding:0px; margin:0px;}
div.slideBox3 ul.items li a{ float:left; line-height:normal !important; padding:0px !important; border:none/*For IE.ADD.JENA.201206300844*/;}
div.slideBox3 ul.items li a img{ margin:0px !important; padding:0px !important; display:block; border:none/*For IE.ADD.JENA.201206300844*/;}
div.slideBox3 div.tips{ position:absolute; bottom:0px; width:100%; height:30px; background-color:#000; overflow:hidden;}
div.slideBox3 div.tips div.title{ position:absolute; left:0px; top:0px; height:100%;}
div.slideBox3 div.tips div.title a{ color:#FFF; font-size:12px; line-height:30px; margin-left:10px; text-decoration:none;}
div.slideBox3 div.tips div.title a:hover{ text-decoration:underline !important;}
div.slideBox3 div.tips div.nums{ font-size:0px; position:absolute; right:0px; top:0px; height:100%; opacity:1;}
div.slideBox3 div.tips div.nums a{ font-size:0px; display:inline-block; >float:left/*For IE.ADD.JENA.201206300844*/; width:10px; height:10px; background-color:#FFF; text-indent:-99999px; margin:10px 10px 0px 0px;}
div.slideBox3 div.tips div.nums a.active{ background-color:red;}

.viewerContainer{clear:both;width:1180px;height:360px;overflow:hidden;position:relative;}

.viewerBody{width:1180px;height:360px;}

.viewerBody img{width:1180px;height:360px;border:0; vertical-align:top;}

.viewerBg{position: absolute;left:0px;top:241px;width:650px;overflow:hidden;height:38px;background:#000;opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50);}

.viewerTitle{position:absolute;left:20px;top:241px;width:650px;height:38px;line-height:38px;overflow:hidden;font-size:16px;color:#fff;}

.viewerButton{position:absolute;right:45%;bottom:16px;z-index:3;}

.viewerButton a{display:block;float:left;margin-left:16px;width:10px;height:10px;text-align:center;cursor:pointer;overflow:hidden;border:2px solid #fff;border-radius: 50px;}

.viewerButton a.active{background-color: red; }