/**** Content ****/

#content {
  padding: 0px;
  width:990px;
  background:#999999;
}

.hidden { display: none; }

/**** Demos ****/

#container {
  padding: 5px 5px 30px 5px;
  margin-bottom: 20px;
  clear: both;
}

.box {
  margin: 8px 0 0 18px;
  border: 1px #D8D5D2 solid;;
  float: left;
  width: 218px;
}

.box .pannel-image{margin:0;padding:0;float:none;}
.box .pannel-image img{
  display: block;
  width: 100%;
}
.box .subtitle{height:auto;display:none;position:absolute;bottom:-36px;background:#000;width:100%;line-height:18px;}
.box .subtitle a{color:#ffffff;}

.col1 { width: 218px; }
.col2 { width: 472px; }
.col3 { width: 190px; }

.col1 img { max-width: 218px; }
.col2 img { max-width: 472px;}
.col3 img { max-width: 190px;height:253px; }

/**** Clearfix ****/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.tips{background:url("tips-bg2.jpg") no-repeat;width:150px;height:431px;margin-right:0;padding:0;}
.col3 .subtitle{height:32px;}

#displaypagenum {
  /**bottom: 0;**/
  clear: both;
  font-size: 12px;
  height: 25px;
  line-height:25px;
 /** position: absolute;**/
  width: 100%;
  _bottom: -30px;
}

#content .pannel-title{background:none;color:#ffffff;}
.spe-spo-list{width:987px;height:440px;padding-left:1px;background:#cccccc;overflow:hidden;}
.spe-spo-list ul li{float:left;margin:0 0 8px 8px;padding:0;width:auto;display:inline;position:relative;overflow:hidden}
.spe-spo-list ul li .pannel-image{padding:0;margin:0;float:none;}
.spe-spo-list ul li .pannel-image img{display:block;}
.spe-spo-list ul li .title{padding:0;margin:0;height:30px;line-height:30px;text-align:center;font-weight:normal;color:#ffffff;background:#000;position:absolute;bottom:0px;overflow:hidden;}
.spe-spo-list ul li .title a{color:#ffffff;}