.theater{width: 100%;height: 100%;margin: 0;padding: 0;background-color: #fff;position: fixed;top: 0;cursor: default !important;z-index: 9999999!important;}
.theater-left{height: 100%;float: left;}
.theater-right{width:340px;height: 100%;float: left;}
.theater-leftcon{border-right: 1px solid #eff0f2;width: 100%;height: 100%;position: relative;}
.theatercontroller{height: 60px;line-height: 60px;display: flex;justify-content: space-between;padding: 0 20px;}
.contorl{min-width: 60px; height: 60px;text-align: center;color: #6e6e6e;}
.theatermain{position: absolute;top: 0px;position: absolute;top: 60px;left: 0px;right: 0px;bottom: 110px;background: url(../img/theaterloading.gif)no-repeat;background-position: center;background-size: 50px;}
.theater-bottom{display: flex;justify-content: space-around;width: 100%;position: absolute;bottom: 0px;height: 110px;overflow: hidden;}
.imgdisplayer{cursor: zoom-in;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;max-width: 100%;max-height: 100%;margin:  auto;}
.imglist{width:110px;height:70px;display:inline-block;margin: 0 5px;cursor: pointer;border-radius: 4px;overflow: hidden;}
.lastimglist{width:110px;height:70px;display:inline-block;margin: 0 5px;cursor: pointer;border-radius: 4px;overflow: hidden;line-height: 70px;
text-align: center;z-index: 999;
color: #fff;background-size:cover!important;background-position:center!important;}
.nextimglist{width:110px;height:70px;display:inline-block;margin: 0 5px;cursor: pointer;border-radius: 4px;overflow: hidden;line-height: 70px;
text-align: center;z-index: 999;
color: #fff;background-size:cover!important;background-position:center!important;}
.theaterSaverCon{position: absolute;top: 0px;left: 50%;transition: transform .3s linear;width: auto;height: 100%;display: flex;}
.theaterSaver{width: auto;height: 100%;display: flex;align-items: center;}
.onchoose{background: rgba(0,0,0,0.5);border: none!important;}
.theater-left-contorl{height: 100%;width: 100px;position: absolute;left: 0px;top:0px;background: url(../img/toleft.png)no-repeat;background-position: left;z-index: 9;cursor: pointer;background-position-x: center;background-size: 30px;}
.theater-right-contorl{height: 100%;width: 100px;position: absolute;right: 0px;top:0px;background: url(../img/toright.png)no-repeat;background-position: right;z-index: 9;cursor: pointer;background-position-x: center;background-size: 30px;}
.onover{background-color:rgba(0,0,0,0.5);cursor: pointer;}
#albumnum{letter-spacing: 8px;}
.share{background-color: #E73D4A;color: #fff;border: none;border-radius: 4px;padding: 0px 4px;margin-top: 13px;height: 30px;}
.personCon{border-bottom:1px solid #eff0f2;background: #fff;}
.personInfo{padding:0px 30px;height: 90px;}
.personHead{float: left;height: 100%;display: flex;align-items: center;}
.personHead img{width: 66px;height: 66px;border-radius: 50%;}
.personName{float: right;width: 180px;height: 90px;display: flex;flex-direction: column;flex-wrap: wrap;}
.personName button{font-size: 13px;width: 60px;height: 25px;border: none;background-color: #E73D4A;color: #fff;border-radius: 4px;cursor: pointer;outline: none;}
.name{width: 100%;height: 50px;color: #383838;font-size: 16px;line-height: 60px;}
.follow{border: 1px solid #c6c6c6 !important;color: #C6C6C6!important;background-color: #fff!important;}
.conItem{min-width:95px;height: 100%;line-height: 50px;float: left;text-align: center;font-size: 13px;color:#515151 ;}
.looknum{background:url(../img/looknum.png)no-repeat;background-position-y: center;background-position-x: left;background-size: 18px;}
.downnum{background:url(../img/downnum.png)no-repeat;background-position-y: center;background-position-x: left;background-size: 18px;}
.commentnum{background:url(../img/comment.png)no-repeat;background-position-y: center;background-position-x: left;background-size: 18px;}
.shadeimg{width: 100%;height:100%;display: inline-block;border: 1px solid #fff;box-sizing: border-box;border-radius: 4px;}
.max{width: 100% !important;}
.zoom{background: url(/img/fulldisplay.png)no-repeat;background-position: center;background-size: 30px;}
.zoomin{background: url(/img/origdisplay.png)no-repeat;background-position: center;background-size: 30px;}
.imgzoomout{cursor: zoom-out;}
.circle {float: left;padding: 2px 5px;font-size: 13px;}
.circle:hover{color: #E73D4A;}
.like{background: url(../img/unlike.png)no-repeat;background-position: center;background-size: 24px;background-position-x: 15px;}
.liked{background: url(../img/liked.png)no-repeat;background-position: center;background-size: 24px;background-position-x: 15px;}
.collect{background: url(../img/uncollect.png)no-repeat;background-position: center;background-size: 24px;background-position-x: 15px;margin-right: 20px;}
.collected{background: url(../img/collected.png)no-repeat;background-position: center;background-size: 24px;background-position-x: 15px;margin-right: 20px;}
.close{background: url(../img/closetheater.png)no-repeat;background-position: center;background-size: 26px;background-position-x: 15px;}
.slideDown{background: url(../img/toggleHeight.png)no-repeat;background-position: center;background-size: 20px;width: 30px;height: 30px;display: inline-block;position: absolute;right: 20px;cursor: pointer;}
.row{-moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);}
/* 评论 */
.commentsCon{border: none;display: flex;justify-content: center;height: 28px;align-items: center;margin-top: 10px;}
.loginHead{width: 26px;height: 26px;margin-right: 10px;cursor: pointer;}
.loginHead img{width: 100%;height: 100%;border-radius: 50%;}
.loginSendCon{height: 100%;display: flex;align-items: center;}
.loginCommentText{height: 100%;border: 1px solid #EFF0F2;border-radius: 4px;padding: 5px;font-size: 13px;}
.loginCommentBtn{margin-left: 5px;font-size: 13px;border: 1px solid #EFF0F2;padding:4px 8px;background: #Fff;border-radius: 4px;cursor: pointer;outline: none;}
.commentsList{width: 100%;padding-bottom: 30px;}
.commentHead{margin-right: 10px;cursor: pointer;padding-left: 29px;display: flex;align-items: center;color: #6e6e6e;font-size: 13px;}
.commentHead img{width: 26px;height: 26px;border-radius: 50%;}
.userName{margin-left: 10px;font-weight: bold;}
.commentText{color: #6e6e6e;font-size: 12px;padding-left: 63px;line-height: 24px;padding-right: 25px;}
.commentContorl{color: #6e6e6e;padding: 0 25px 0 63px;font-size: 12px;position: relative;line-height: 24px;}
.time{color: #afafaf;margin-right: 10px;}
.commentBack{color: #E73D4A;margin-right: 10px;cursor: pointer;}
.commentDelete{color: #6e6e6e;cursor: pointer;}
.commentDelete:hover{color: #E73D4A;}
.commentBackCon{color: #6e6e6e;font-size: 12px;border: none;display: flex;height: 28px;align-items: center;margin-top: 10px;}
.commentBackCon input{height: 100%;border: 1px solid #EFF0F2;border-radius: 4px;padding: 5px;font-size: 13px;}
.commentBackCon button{margin-left: 5px;font-size: 13px;border: 1px solid #EFF0F2;padding:4px 8px;background: #Fff;border-radius: 4px;cursor: pointer;outline: none;}
.hidden{display: none!important;}
.commentItem{margin-top: 20px;}
.sonComment{border-left: 2px solid #EFF0F2; color: #6e6e6e;font-size: 12px;padding-left: 60px;margin: 10px 0px;line-height: 24px;}
.sonCommentItem{margin-bottom: 10px;}
.commentlike{position: absolute;right: 20px;min-width: 45px;height: 24px;cursor: pointer;text-align: right;}
.comlike{background: url(../img/comlike.png)no-repeat;background-position: center;background-size: 16px;}
.comunlike{background: url(../img/comunlike.png)no-repeat;background-position: center;background-size: 16px;}