


.main-posts {
    position: relative;
    z-index: 6;
    margin-top: 15px;
    margin-bottom:15px ;
}

.post-masonry {
    margin-bottom: 30px;
}

.post-masonry .post-thumb {
    border: 2px solid #942027;
    overflow: hidden;
    position: relative;
}

.post-masonry .post-thumb img {
    width: 100%;
    display: block;
}

.post-masonry .post-thumb .title-over {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,0.8);
    /*padding: 5px 20px;*/
}

.post-masonry .post-thumb .title-over h4 {
    font-size: 12px;
    font-family: '微软雅黑';
    text-align:center;
}

.post-masonry .post-thumb .title-over a {
    color: #fff;
}

.post-masonry .post-thumb .post-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 70px;
    left: 0;
    visibility: hidden;
    opacity: 0;
    background: rgba(0,0,0,0.9);
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

.post-masonry .post-thumb .post-hover .inside {
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.post-masonry .post-thumb .post-hover h4 {
    font-size: 16px;
    font-family: 'robotoregular';
    margin-bottom: 10px;
}

.post-masonry .post-thumb .post-hover a {
    color: #fff !important;
}

.post-masonry .post-thumb .post-hover i {
    display: block;
    margin-bottom: 10px;
}

.post-masonry .post-thumb .post-hover p {
    font-size: 12px;
}

.post-masonry .post-thumb .post-hover span {
    font-size: 12px;
    margin-bottom: 15px;
    display: block;
}

.post-masonry .post-thumb:hover .title-over {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    visibility: hidden;
    opacity: 0;
    bottom: -50px;
}

.post-masonry .post-thumb:hover .post-hover {
    top: 0;
    visibility: visible;
    opacity: 1;
}

.site-footer {
    position: relative;
    z-index: 8;
    background: rgba(0,0,0,0.6);
    padding: 40px 0;
    margin-top: 60px;
}

.site-footer .social-icons {
    margin-bottom: 30px;
}

.copyright-text {
    font-size: 12px;
}

.copyright-text a {
    color: #bfbfbf;
}

.HS15{height:15px;}    /*限高属性*/
.Hidden{display:none;} /*只显示一张大图*/
/*小图预览和滑动*/
.center {width:1170px; margin:0 auto;  border:solid 0px red; background:#222;}
.SliderPicBorder{width:800px;height:600px;overflow:hidden;}
.Summary{line-height:20px;display:block;width:980px;margin-right:10px;color:#999;overflow:hidden;background-color:#333;padding:10px;}
.ThumbPicBorder {width:1100px;margin:25px auto;}
#ThumbPic img{border:3px solid #666;cursor:pointer;background-color:#666;margin:0 3px;width:130px;height:80px;display:block;}
#ThumbPic img.active{border:3px solid  #F00;}

/*触发按钮*/

.FlLeft{float:left; margin-left:5px;}
.FlRight{float:right;margin-left:-30px;}

/*触发按钮鼠标手势*/
.CursorL{position:absolute;z-index:999;width:50%;height:630px;color:#FFF;left:1px;cursor:pointer; auto;background:url(images/space.png) repeat scroll 0 0 transparent;}
.CursorR{position:absolute;z-index:999;width:50%;height:630px;color:#FFF;right:1px;cursor:pointer; auto;background:url(images/space.png) repeat scroll 0 0 transparent;}



/*大图展示区域*/
.show_img_area{padding:15px 15px 0px 15px; border:solid 0px red;}
.More{text-align:right;color:#666;line-height:16px;height:auto;font-size:12px;display:block;font-family:"微软雅黑"; margin-top:5px;}  
#OriginalPic{width:1100px;overflow:hidden;position:relative;font-size:12px; border:solid 0px red; margin:0px auto}
#OriginalPic img{display:block;margin:0 auto;width: 100%}
@media screen and (min-width: 320px)  and (max-width: 414px)  {
.ThumbPicBorder {width:100%;margin:25px auto;}
.center {width:100%; margin:0 auto;  border:solid 0px red; background:#222;}
#OriginalPic{width:100%;overflow:hidden;position:relative;font-size:12px; border:solid 0px red; margin:0px auto}

}