.main-wrapper {
    margin-bottom: 45px;
}

/*主题会议一览 标题*/
.top-content {
    margin: 35px 0;
    text-align: center;
}

/*标题*/
.top-content .title {
    display: inline-block;
    font-size: 24px;
    padding-bottom: 5px;
    color: #24a5de;
    border-bottom: 5px solid #24a5de;
}

/*标题底部描述*/
.top-content .content {
    /*text-indent: 30px;*/
    display: inline-block;
    margin-top: 35px;
    width: 80%;
    font-size: 16px;
    text-align: left;
    color: #666;
    line-height: 24px;
}
.top-content .content p{
    margin-bottom: 20px;
}
/*banner 主题描述*/
.center-content {
    position: relative;
    font-size: 0;
}
.center-content:hover{
    box-shadow: 0 9px 20px rgba(158, 172, 178, 0.4);
    transition: all 0.3s;
    -moz-transition: all 0.3s; /* Firefox 4 */
    -webkit-transition: all 0.3s; /* Safari 和 Chrome */
    -o-transition: all 0.3s; /* Opera */
}
/*遮罩层*/
.center-content > .banner-mask {
    position: absolute;
    top: 94px;
    right: 45px;
    bottom: 45px;
    padding: 35px;
    width: 440px;
    height: 220px;
    background-color: rgba(0, 0, 0, 0.6);
}
/*ie6,7,8的半透明效果*/
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .center-content > .banner-mask{
    background-color:#000;
    filter:Alpha(opacity=60);
    /*position:static;  IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
  }
  .center-content > .banner-mask *{
    position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
  }
}
/*遮罩层标题*/
.center-content > .banner-mask h3 {
    font-size: 28px;
    padding-bottom: 24px;
    margin-bottom: 24px;
    color: #fff;
    text-align: center;
    border-bottom: 1px solid #fff;
}

/*时间、地点*/
.center-content > .banner-mask p {
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 5px;
    color: #fff;
}

/*底部列表区域*/
.bottom-content{
    margin-left:-52.5px;
}
.bottom-content .item {
    display: inline-block;
    max-width: 363px;
    margin-left: 51.5px;
    margin-top: 55px;
    border: 1px solid #ddd;
    cursor: pointer;

}

/*.bottom-content .item:nth-of-type(3n) {
    margin-right: 0;
}*/

/*item获取焦点时阴影*/
.bottom-content .item:hover,
.bottom-content .item.active {
    box-shadow: 0 9px 20px rgba(158, 172, 178, 0.4);
    transition: all 0.3s;
    -moz-transition: all 0.3s; /* Firefox 4 */
    -webkit-transition: all 0.3s; /* Safari 和 Chrome */
    -o-transition: all 0.3s; /* Opera */
}

/*列表顶部图片和文字区域*/
.bottom-content .item .top-banner {
    position: relative;
}

.bottom-content .item .top-banner img {
    vertical-align: bottom;
}

/*遮罩及文字*/
.bottom-content .item .top-banner .mask {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    font-size: 16px;
    color: #fff;
    padding: 15px 0;
    background-color: rgba(0, 0, 0, 0.50);

}
/*ie6,7,8的半透明效果*/
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .bottom-content .item .top-banner .mask {
    background-color:#000;
    filter:Alpha(opacity=50);
    /*position:static;  IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
  }
  .bottom-content .item .top-banner .mask *{
    position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
  }
}
/*item底部区域*/
.bottom-content .item .bottom-desc {
    padding: 25px;

}

/*底部文字介绍*/
.bottom-content .item .bottom-desc .intro {
    position: relative;
    font-size: 14px;
    color: #333;
    height: 66px;
    line-height: 22px;
    overflow: hidden;
    margin-bottom: 10px;
}
.bottom-content .item .bottom-desc .time,
.bottom-content .item .bottom-desc .address{
    display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
/*.bottom-content .item .bottom-desc .intro.overflow:after{
    content: '...';
    height:20px;
    width: 20px;
    background: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    
}*/
/*底部时间地点*/
.bottom-content .item .bottom-desc .time,
.bottom-content .item .bottom-desc .address {
    font-size: 14px;
    color: #999;
    line-height: 22px;
}