.main{
	height:360px;
}
.mainBox{ width:100%;padding:0 15px; border:1px solid #e5e5e5; background:#fff; overflow: hidden;}
.main ul{padding:0 !important;}
.main ul li { list-style:none; width:100% !important;}
.main .post, .main .left { margin-top:10px; }
#sidebar { float:right; width:300px;}
#sidebar li ul.children li, #sidebar li ul.children li ul li { padding-left: 18px; background: url(../images/tier.gif) 6px 5px no-repeat; }
.indexPicBox{ width:100%; height:360px;padding:5px;border:1px solid #e5e5e5; background:#fff;}
.hotPic{ width:100%; height:360px; position:relative; overflow:hidden;}
.hotPic .num{ position:absolute;right:0; bottom:0; z-index:10; height:30px; text-align:right;}
.hotPic .num span{ width:20px; height:20px; display:inline-block; line-height:20px; font-size:14px; text-align:center; margin:5px 2px 0; cursor:pointer; background:#222; color:#fff;}
.hotPic .num span.cur{ background:#54BFFF;color:#fff;}
.hotPic .pic{ position:relative; z-index:5;}
.hotPic .pic li{ position:absolute; display:none;}
.hotPic .pic li img{ width:100%; height:348px; display:block;}
.hotPic .text{ position:absolute;bottom:0; left:10px; z-index:12; width:520px;height:30px; line-height:30px; overflow:hidden;font-family:Microsoft YaHei;}
.hotPic .text p{ position:absolute; display:none; color:#fff; font-weight:800; font-size:15px;}

.main ul li:hover img{
	transform: none !important;
}



@media(max-width:767px){
.main{
	height:210px;
	padding:0 20px;
	overflow: hidden;
  }
  .indexPicBox{
	height:210px;
  }
  .hotPic{
   height:200px;
  }
  .hotPic .pic li img{
	height:200px;
  }
}