/*----------------------------------------------------------------------------------- */
/*  forum */
/*----------------------------------------------------------------------------------- */
.forum{background:transparent; }
.forum > li{padding:2px 0 5px 0;background: #fff;margin-bottom: 8px;border-radius: 2px;border:1px #ccc solid;}
.forum .author{padding:0 12px;border-bottom:1px #eee solid;margin-bottom: 10px;}
.forum .author .avatar{float:left;margin-top:8px;width: 40px;height: 40px;}
.forum .author .avatar img{display:block;width:38px;height:38px;border-radius: 30px;cursor: pointer}
.forum .author .nickname{float: left;margin-top:5px;margin-left: 12px;line-height: 40px;color:rgba(0,0,0,0.8);font-size: 13px;}
.forum .author .time{float: left;margin-top:5px;margin-left: 8px;color:rgba(0,0,0,0.5);font-size: 13px;line-height: 40px;}
.forum .author .thread_id{float: left;margin-top:5px;margin-left: 8px;color:rgba(0,0,0,0.5);font-size: 13px;line-height: 40px;}
.forum .author .action{float: right;margin-top:10px;height:34px;}
.forum .feed{padding-left:0;}
.forum .description {padding:0 12px;line-height: 22px;font-size:14px;color:rgba(0,0,0,0.8);margin-bottom: 10px;}
.forum .pictures{;padding:0 12px;margin-bottom: 10px;}
.forum .pictures img{float:left;display: inline-block;width:100px;margin-right: 10px;margin-bottom: 10px;border-radius:2px;cursor: pointer;}
.forum .picture{padding:0 12px;margin-bottom: 10px;}
.forum .picture img{display: inline-block;width:300px;border-radius:2px;cursor: pointer;}
.forum .video{max-width:320px;padding:0 12px;margin-bottom: 10px;}
.forum .video iframe{margin:0 auto;}
/*----------------------------------------------------------------------------------- */
/*  reply-box */
/*----------------------------------------------------------------------------------- */
.reply-line .reply-user{float: left;}
.reply-line .reply-user .title{float: left;line-height: 30px;}
.reply-line .reply-user .user-list{float: left;margin-left:5px;}
.reply-content-title{margin-top:5px;line-height:30px;border-bottom: 1px #f1f1f1 solid;color:rgba(0,0,0,.8);}
.reply-content .empty{line-height: 30px;color:rgba(0,0,0,.6);margin:30px auto 0 auto;width:100px;font-size: 13px;}
/*----------------------------------------------------------------------------------- */
/*  reply */
/*----------------------------------------------------------------------------------- */
.reply{margin-bottom: 0;background: #fff;}
.reply li{padding:6px 0;margin:0;border-bottom:1px #f1f1f1 solid;}
.reply li .avatar{position:absolute;width:30px;margin-top: 4px;}
.reply li .avatar img{width:30px;height: 30px;border-radius: 30px;}
.reply li .right{padding-left:42px;}
.reply li .right .profile{height: 30px;line-height: 30px;}
.reply li .right .profile .nickname{float: left;color:rgba(0,0,0,1);font-size: 13px;}
.reply li .right .time{float:left;margin-left:10px;color:rgba(0,0,0,0.7);font-size: 12px;}
.reply li .right .action {float:right;margin-right:10px;font-size: 12px;}
.reply li .right .profile .floor{float: right;color:rgba(0,0,0,0.7);font-size: 13px;}
.reply li .right .message{line-height: 22px;color:rgba(0,0,0,0.8);font-size: 13px;}
/*----------------------------------------------------------------------------------- */
/*  media */
/*----------------------------------------------------------------------------------- */
.forum-left{float:none;width:100%}
.search-right{float:none;width:100%;}
.forum .feed{padding-left:0;}
.forum .pictures img{float:left;display: inline-block;width:32.3%;margin-right: 1%;margin-bottom: 1%;border-radius:2px;}
.forum .picture img{display: inline-block;width:100%;border-radius:2px;}
.forum .video{width:100%;padding:0 12px;margin-bottom: 10px;}

@media (min-width: 992px) {
    .forum-left{float:left;width:65%}
    .search-right{float:right;width:34%;}
    .forum .feed{padding-left:52px;}

    .forum .pictures img{float:left;display: inline-block;width:100px;margin-right: 10px;margin-bottom: 10px;border-radius:2px;}
    .forum .picture img{display: inline-block;width:300px;border-radius:2px;}
    .forum .video{max-width:320px;padding:0 12px;margin-bottom: 10px;}
}
/*----------------------------------------------------------------------------------- */
/*  create-dialog */
/*----------------------------------------------------------------------------------- */
.post-dialog .text-area{min-height: 100px;}
.post-dialog .post-user{margin-top: 15px;margin-bottom: 15px}
.post-dialog .post-user .title{float: left;font-size: 13px;color:#666;line-height: 30px;}
.post-dialog .post-user .user-list{float: left;margin-left: 20px;line-height: 25px;}
.post-dialog .post-user .user-list select{font-size:13px;color:#666;padding:0 10px;}
.post-dialog .post-user .users-msg{float: left;display:none;line-height: 30px;margin-left: 10px;color:#de5253;}
.post-dialog .post-pictures{margin-top: 15px;margin-bottom: 15px;}
.post-dialog .post-pictures .title{float: left;font-size: 13px;color:#666;line-height: 30px;}
.post-dialog .post-pictures .pictures-button{float: left;margin-left: 20px;}
.post-dialog .post-pictures .pictures-msg{float: left;display:none;line-height: 30px;margin-left: 10px;color:#de5253;}
.post-dialog .post-pictures ul{float: left;margin-left: 20px;max-width: 700px;}
.post-dialog .post-pictures ul li{float: left;width:100px;height: 100px;margin-right: 10px;margin-bottom: 10px;position: relative;}
.post-dialog .post-pictures ul li:hover span{display: block;}
.post-dialog .post-pictures ul li img{width:100px;height: 100px;display: block;border:1px #b6b6b6 solid;padding:1px;background: #eee;border-radius: 3px;}
.post-dialog .post-pictures ul li span{display:none;position: absolute;top:2px;right: 2px;background: #de5253;border:1px #f22a2b solid;color:#fff;padding:2px 4px;border-radius: 3px;text-align: center;cursor: pointer;}
.post-dialog .post-pictures ul li span i{margin-right: 4px;}