@charset "utf-8";
/* CSS Document */
.caseshow{float:left; border:1px solid #333; width:955px;}
.caseshowtitle{float:left; width:955px; line-height:56px; border-bottom:1px solid #333;}
.CSTleft{float:left; }
.CSTleft01{float:left; font-size:18px; color:#FFF;font-family:"微软雅黑"; padding-left:30px;}
.CSTleft02{float:left; font-family:Arial; color:#666666; padding-left:5px;}
.one{ color:#FF0000;font-family:Arial;font-size:18px; }
.CSTleft03{float:left; font-family:Arial; color:#666666; padding-left:5px;}
.CSTleft04{float:left;  color:#999999; padding-left:5px;}
.CSTleft04 a{ color:#999999 ; font-family:Arial;}
.CSTleft04 a:hover{color:#FFF;}
.CSTright{ float:right; padding-right:30px;}
.CSTright ul li{ float:left; padding-left:10px; color:#999999;}

.caseshowpic{ width:955px;}
.clear {
	CLEAR: both
}
#featured {
	OVERFLOW: hidden; WIDTH: 900px; POSITION: relative; HEIGHT: 610px
}
#featured .word {PADDING-RIGHT: 5px; PADDING-LEFT: 5px; Z-INDEX: 10;  LEFT: 0px; PADDING-BOTTOM: 5px; WIDTH: 890px; COLOR: #FFF; BOTTOM: 0px;  POSITION: absolute; HEIGHT: 38px; border-bottom:1px solid #252525;}
#featured .ui-els-hide {
	DISPLAY: none
}
#thumbs {
	WIDTH:900px; LIST-STYLE-TYPE: none; HEIGHT: 111px; margin-top:16px; margin-bottom:14px;
}
#thumbs LI {
	DISPLAY: inline; FLOAT: left; WIDTH: 180px;  HEIGHT: 111px; *height:111px; margin:0px 10px 0px 10px;*margin:0px 10px 0px 8px;
}
#thumbs LI.first {
	MARGIN: 15px 10px 0pt 15px; WIDTH: 26px; CURSOR: pointer; HEIGHT: 83px
}
#thumbs LI.last {
	MARGIN: 15px 12px 0pt 8px; WIDTH: 26px; CURSOR: pointer; HEIGHT: 83px
}
#thumbs LI A {
	 border:1px solid #CCCCCC;  float:left;
}
#thumbs LI A:hover {border:1px solid #FF0;float:left;
	
}
#thumbs LI A.current {
	BORDER: #FF0 1px solid;float:left;
}


#topstory {
	 FLOAT: left; WIDTH:900px; HEIGHT: 755px; background:#000; margin-left:26px; margin-top:24px; *margin-left:13px;
}
#highlight {
	PADDING-RIGHT: 5px;  FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 900px; PADDING-TOP: 5px
}

.casefooter{ float:left; width:957px; text-align:center; padding-top:22px; color:#666666; font-family:Arial; padding-bottom:35px;}
.casefooter a{color:#666666;}
.casefooter a:hover{ color:#FFF; text-decoration:underline;}

.button_bg{ background:#000;  width:74px; height:25px;border:0px; margin-left:13px; float:left; color:#FFF; margin-top:10px;}
.slect_bg{ width:140px; height:22px;}

.page{ float:left; border:1px solid #D6D6D6;  height:20px; color:#666666; margin-right:5px; padding:0px 5px 0 5px; line-height:20px;}
.page:hover{ height:20px; color:#FFF; background:#3CB3AD; border:1px solid #3CB3AD;}
#pageS{ height:20px; color:#FFF; background:#3CB3AD; border:1px solid #3CB3AD;}



div#MainPromotionBanner{
	width:320px;
	height:320px;
	background:#feb900;
}
#MainPromotionBanner #SlidePlayer {
	position:relative;
	margin: 0 auto;
}
#MainPromotionBanner .Slides{
	padding: 0;
	margin: 0;
	list-style: none;
	height: 320px;
	overflow: hidden;
}
#MainPromotionBanner .Slides li {
	float: left;
	width: 320px;
	height: 320px;
}

#MainPromotionBanner .Slides img{
	border:0;
	display: block;
	width: 320px;
	height: 320px;	
}

#MainPromotionBanner .SlideTriggers{
	margin: 0;
	padding: 0;
	list-style: none; 
	position: absolute; 
	top: 285px; 
	right: 0px;
	z-index: 10;
	height: 25px;	
}
#MainPromotionBanner .SlideTriggers li{
	float: left;
	display: inline;
	color: #000;
	text-align: center;
	line-height:16px;
	width: 16px;
	height: 16px;
	font-family: Arial;
	font-size: .9em;
	cursor: pointer;
	overflow: hidden; 
	margin:3px 3px;
	background: url(/img/slide_trigger.gif) no-repeat center center;
}
#MainPromotionBanner .SlideTriggers li.Current{ 
	color:#fff; 
	background: url(/img/slide_trigger_c.gif) no-repeat center center;
	border:0; 
	font-weight:bold;
	font-size: 1.4em;
	line-height: 21px;
	height: 21px;
	width: 21px;
	margin:0 3px; 
}
.ad-gallery { float:left; padding-left:26px; padding-bottom:40px;padding-top:30px;
}
.ad-gallery .ad-image-wrapper {
	width: 900px;
	height: 557px;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
}
.ad-gallery .ad-image-wrapper .ad-loader {
	position: absolute;
	z-index: 10;
	top: 48%;
	left: 48%;
	border: 1px solid #CCC;
}

 .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
     .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url(/img/trans.gif);
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(/img/ad_prev.png);
        width: 30px;
        height: 30px;
        display: none;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 101;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(/img/ad_next.png);
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
      }
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 9;
    }
.ad-gallery .ad-image-wrapper .ad-image a img {
	border: 0;
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 7px; margin-bottom:-1px;
	text-align: left;
	width: 900px;
	z-index: 2;
	background: url(/img/opa75.png);
	color: #FFF; font-family:Arial;
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
	display: block;
}
.ad-gallery .ad-controls {
	height: 20px;
}
.ad-gallery .ad-info {
	float: left; color:#FFF;
}

.ad-gallery .ad-nav {
	width: 900px;
	position: relative;
}
.ad-gallery .ad-forward, .ad-gallery .ad-back {
	position: absolute;
	top: 0;
	height: 100%;
	z-index: 10;
}
/* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
	height: 100px;
}
.ad-gallery .ad-back {
	cursor: pointer;
	left: -2px;
	width: 26px;
	display: block;
	background: url(/img/ad_scroll_back.png) 0px 15px no-repeat;
}
.ad-gallery .ad-forward {
	cursor: pointer;
	display: block;
	right: -2px;
	width: 26px;
	background: url(/img/ad_scroll_forward.png) 0px 15px no-repeat;
}
.ad-gallery .ad-nav .ad-thumbs {
	overflow: hidden;
	width: 800px;
	margin-left:55px;
}
.ad-gallery .ad-thumbs .ad-thumb-list {
	float: left;
	width: 9000px;
	list-style: none;
}
.ad-gallery .ad-thumbs li {
	float: left;
	padding-right: 20px;
}
.ad-gallery .ad-thumbs li a {
	display: block;
}
.ad-gallery .ad-thumbs li a img {
	border: 1px solid #FFF;
	display: block;
}
.ad-gallery .ad-thumbs li a.ad-active img {
	border: 1px solid  #FF0;
}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
	position: absolute;
	left: -9000px;
	top: -9000px;
}

.turnnext{  color:#999;   width:900px; margin:0 auto;}
.wenzi{  color:#999;   width:790px; margin:0 auto;}
.syz{float:left;  padding-bottom:20px;}
.xyz{ float:right; padding-bottom:20px;}