﻿@charset "utf-8";
/* CSS Document */

.header, .Com-sea-nav-content {

    height: 100px;
    width: 1200px;
    min-width: 1000px;
    background-color: white;
}
.Community-content{
	background-color:#F7F8FA;
}
#Community-container,#container {
    margin: 0 auto;
}
#Community-container > div,#container > div{
   /* -webkit-box-shadow: 0 4px 15px -5px #555;
    box-shadow: 0 4px 15px -5px #555;*/
    background-color: #fff;
    width:220px;
    /*padding:2px;
    border:2px solid rgba(0,0,0,0.8);*/
}
#Community-container > div.com-img-box a img /*,#container> div.com-img-box a img,#container> div>img*/{
    padding: 0px;
    display: block;
    width: 100%;
}
.com-img-box span{
	display:inline-block;
}
.Com-sea-nav{
	border-top:solid 1px #EEEFF2;
	box-shadow:2px 2px 2px #DDDDDD;
	padding:10px 0;
	background-color:#fff;
}
.Com-sea-nav-content{
	margin:0 auto;
	height:36px;
}
.select-box{
	 position: relative; 
	 float: left; 
	 margin-right: 10px;
	 
}
.select-header{
	width:120px;
	border:solid 1px #DADCDB;
	background:#EDEFEE;
	padding:5px;
}
.select-icon{
	display:inline-block;
	width:10px;
	height:7px;
	background:url('images/images/icon.png') no-repeat;
	background-position:-87px -9px;
	margin-left:5px;
}
.select-header.open .select-icon{
	background-position:-87px -1px;
}
.select-header span,.recommend-icon,.calendar-icon,.per-info img,.per-info span{
	vertical-align:middle;
}

.select-content{
	border:solid 1px #EEEFF2;
	background:#fff;
	position: absolute;
	top:37px;
    width: 120px;
    padding: 0 5px;
	z-index:100;
	display:none;
	max-height:200px;
}
.select-content.scroll_wrap{
	height:200px;
}
.select-content.scroll_wrap::-webkit-scrollbar{
	background:#fff;
}
.select-content a{
	display:block;
	color:#565656;
	padding:5px 0;
}
.select-content a:hover{
	background:#EDEFEE;
}
.recommend-icon,.calendar-icon{
	display:inline-block;
	width:15px;
	height:17px;
	background:url('images/images/icon.png') no-repeat;
	margin-right:5px;
}
.recommend-icon{
	background-position:-25px 0px;
}
.calendar-icon{
	background-position:-57px 0px;
}

.com-img-box a img,.com-img-box a{
	padding: 0px;
    display: block;
    width: 100%;
}
.img-text-info{
	display:inline-block;
	width:100%;	
	position:absolute;
	top:0;
	left:0;
	display:none;
	
}
.com-img-box .info{
	overflow:hidden;
	width:100%;
	position:absolute;
	bottom:0px;
	left:0;
	display:none;
	background:url('images/images/img-bg-top.png') no-repeat center;
	padding:7px 0;
}
.per-info{
	float:left;
	margin-left:10px;
	color:#fff;
}
.per-info img{
	width:30px;
	height:30px;
	border-radius:15px;
	margin-right:5px;
}
.icon-box{
	float:right;
	margin-right:10px;
	margin-top:3px;
}
.icon24{
	display:inline-block;
	width:24px;
	height:24px;
	background:url('images/images/icon.png') no-repeat;
	margin-left:5px;
	cursor:pointer;
}
.likes-icon{
	background-position:0px -26px;
}
.collection-icon{
	background-position:-30px -28px;
}
.com-img-box .img-info{
	width:100%;
	position:absolute;
	top:0px;
	left:0;
	/*margin-top:10px;*/
	overflow:hidden;
	display:none;
	background:url('images/images/img-bg-bottom.png') no-repeat center;
	padding:5px 0;
}
.img-info p{
	float:left;
	width:160px;
	overflow:hidden;
	white-space: nowrap;
    text-overflow: ellipsis;
	text-align:left;
	color:#fff;
	margin-left:10px;
}
.img-info p a{
	color:#fff;
}
.number-of-sheets{
	display:inline-block;
	width:24px;
	height:24px;
	background:#fff;
	border-radius:12px;
	text-align:center;
	line-height:24px;
	float:right;
	margin-right:10px;
	/*position:absolute;
	top:10px;
	right:10px;
	display:none;*/
}
.com-img-box:hover .info{
	display:block;
}
.com-img-box:hover .img-info{
	display:block;
}
/*.com-img-box:hover .img-text-info{
	display:block;
}*/
.Community-main{
	width:90%;
	padding-top:30px;
	padding-bottom:30px;
	margin:0 auto;
}
.pagination{
	text-align:center;
	padding-top:50px;
	padding-bottom:50px;
}
.pagination .M-box2{
	display:inline-block;
}
.pagination .M-box2{
	display:inline-block;
}
.pagination .M-box2 .active,.pagination .M-box2 a:hover{
	background:#f90;
	border: 1px solid #f90;
}


.soso input[type=submit]{
    float: none;
    margin:0px;
    width: auto;
    height: auto;
    line-height:inherit;
    text-align:inherit; 
    background: #DDDDDD;
    border: medium none;
    color: #666;
    cursor: pointer;
    font-size: 12px;
	padding:3px 10px;
}
.soso .input[type=text]{
	width:140px;
}
.footer{
	min-width:1200px;
}

.Com-search-box{
	border:solid 1px #EFEFF1;
	background:#F7F8FA;
	border-radius:15px;
}
.Com-search-box input[type=submit]{
	display:inline-block;
	float:none;
	width:15px;
	height:15px;
	background:url('images/images/icon.png') no-repeat;
	background-position:0px 0px;
	border:none;
	margin-left:10px;
	margin-right:0px;
}
.Com-search-box input[type=text]{
	padding:3px;
	float:none;
	width:auto;
	height:auto;
	line-height:inherit;
	text-align:left;
	font-size:13px;
	border:none;
	background:none;
	width:110px;
	padding-left:0px;
}
.Com-vip-box{
	
}
.Com-vip-box img,.Com-vip-box span,.Com-upload-box i,.Com-upload-box span{
	vertical-align:middle;
	
}
.Com-vip-box img{
	display:inline-block;
	width:26px;
	height:26px;
	border-radius:13px;
	margin-right:3px;
}
.Com-vip-box span,.Com-upload-box a span{
	color:#000;
}
.Com-vip-box a span{
	display:inline-block;
	width:52px;
	overflow:hidden;
	white-space: nowrap;
    text-overflow: ellipsis;
}
.Com-upload-box{
	
}
.upload-icon{
	display:inline-block;
	width:26px;
	height:20px;
	background:url('images/images/icon.png') no-repeat;
	background-position:-57px -29px;
}
.upload-num{
	display:inline-block;
	width:20px;
	height:20px;
	background:red;
	color:#fff;
	text-align:center;
	line-height:20px;
	border-radius:10px;
	font-size:12px;
	margin-left:4px;
}
.Com-search-box,.Com-vip-box,.Com-upload-box{
	float:left;
	margin-left:10px;
}
.header .jions{
	overflow:hidden;
	margin-top:20px;
}

#imgText-container{
	overflow:hidden;
}
.imgText-container{
	
}
.img-text-box{
	width:273px;
	background:#fff;
	border:solid 1px #EEEFF1;
	box-shadow: 0px 2px 2px #DDDDDD;
}
.img-placeholder{
	width:100%;
	height:160px;
	position:relative;
}
.img-placeholder img{
	display:block;
	width:100%;
	height:100%;
}
.img-placeholder p{
	text-align:center;
	padding:7px 0px;
	width:100%;
	overflow:hidden;
	white-space: nowrap;
    text-overflow: ellipsis;
	color:#fff;
	position:absolute;
	bottom:0px;
	left:0px;
	color:#000;
	background:rgba(255,255,255,.5);
	display:none;
}
.text-placeholder{
	padding:5px 8px;
	height:70px;
	line-height:24px;
	text-align:left;
	overflow:hidden;
}
.text-placeholder a,.btn-placeholder em,.per-placeholder .per-info span,.per-placeholder .date{
	color:#7D7D7D;	
}
.btn-placeholder{
	text-align:left;
	padding-bottom:5px;
	border-bottom:solid 1px #EEEFF1;
}
.btn-placeholder span{
	margin-left:8px;
}
.btn-placeholder i{
	display:inline-block;
	width:20px;
	height:15px;
	background:url('images/images/icon.png') no-repeat;
	
}
.see-icon i{
	background-position:-112px 0px;
}
.collect-icon i,.info-bottom .collect-icon i{
	background-position:-137px 0px;
}
.like-icon i,.info-bottom .like-icon i{
	background-position:-167px 0px;
}
.btn-placeholder i,.btn-placeholder em{
	vertical-align:middle;
}
.per-placeholder{
	overflow:hidden;
	padding:5px 0;
}
.per-placeholder .date{
	float:right;
	margin-right:10px;
	margin-top:2px;
}
.img-text-box:hover .img-placeholder p{
	display:block;
}
.video-icon{
	display:inline-block;
	width:36px;
	height:36px;
	background:url('images/images/icon.png') no-repeat;
	background-position:0px -57px;
	position:absolute;
	top:50px;
	left:50%;
	margin-left:-18px;
	display:none;
}
.img-text-box:hover .video-icon{
	display:block;
}


.fullwrap{
	width:100%;
	background:#F7F8FA;
	border-top:solid 1px #EEEFF2;
}
.wrap{
	width:1200px;
	margin:0 auto;
}
.layout{
	padding-top:20px;
	padding-bottom:50px;
}
.layout-main{
	width:880px;
	
}
.big-img-box{
	
}
.big-img-box{
	border:solid 1px #F3F3F3;
	background:#fff;

}
.worksInfo{
	padding-bottom:10px;
}

.worksInfo h2,.worksInfo p{
	text-align:left;
}
.worksInfo h2{
	color:#000;
	padding:5px 0;
	font-size:16px;
}
.worksInfo p{
	line-height:24px;
}
.info-bottom{
	padding:15px 0px 5px;
	border-top:solid 1px #dfdfdf;
}
.info-bottom .collect-icon,.info-bottom .like-icon{
	display:inline-block;
	padding:5px 20px;
	border-radius:20px;
	border:solid 1px #dfdfdf;
	font-size:12px;	
	margin-right:10px;
	cursor:pointer;
}
.info-bottom .collect-icon i,.info-bottom .like-icon i{
	display:inline-block;
	width: 20px;
    height: 15px;
    background: url('images/images/icon.png') no-repeat;
}
.info-bottom .collect-icon i{
	background-position:-141px 0px;
}
.info-bottom .like-icon i{
	background-position:-170px 0px;
}
.info-bottom .collect-icon.active,.info-bottom .like-icon.active{
	border:solid red 1px;
	color:red;
}
.info-bottom .collect-icon.active i{
	
	background-position:-227px 0px;
}
.info-bottom .like-icon.active i{
	background-position:-198px 0px;
}
.info-bottom .fl{
	margin-top:10px;
}
.info-bottom b{
	font-weight:normal;
}
.info-bottom .reportBtn{
	
}
.info-bottom .reportBtn a{
	color:#2D72DA;
	text-decoration:underline;
	cursor:pointer;
}

.info-bottom i,.info-bottom b{
	vertical-align:middle;
}
.share-box{
	
}
.share-box a{
	display:inline-block;
	width: 39px;
    height: 39px;
    background: url('images/images/icon.png') no-repeat;
	cursor:pointer;
	margin-left:5px;
}
.share-box a.jiathis_button_tsina{
	background-position:0px -100px;
}
.share-box a.jiathis_button_weixin{
	background-position:-47px -100px;
}
.share-box a.jiathis_button_qzone{
	background-position:-93px -100px;
}
.share-box a.jiathis_button_renren{
	background-position:-139px -100px;
}
.share-box span{
	display:block;
	font-size:12px;
	text-align:left;
	color:#A5A9AC;
	margin-top:-5px;
	padding-left:10px;
}
.big_img{
	background:#fff;
}

.comment-edit-box{
	padding:8px;
	border:solid 1px #dfdfdf;
	background:#fff;
}
.edit{
	border:solid #dfdfdf 1px;
	width:98%;
	margin:0 auto;
	padding:5px;
	position:relative;
}
.edit .editContents{
	width:100%;
	height:80px;
	border:none;
	line-height:24px;
	margin-bottom:0px;
}
.WordLimit{
	text-align:right;
}
i{
	font-style:normal;
}
.layout-side{
	width:300px;
	
}
.layout-side-bottom,.layout-side-top{
	background:#fff;
	border:solid 1px #dfdfdf;
}
.layout-side-bottom p{
	text-align:left;
	padding:5px 10px 0;
}
.similar-pictures{
	padding:3px 3px 5px 3px;
	overflow:hidden;
}
.similar-pictures a{
	float:left;
	margin-top:5px;
}
.similar-pictures a,.similar-pictures img{
	display:inline-block;
	width:100%;
	height:180px;
}
.layout-side-top{
	margin-bottom:10px;
}
.per-box{
	text-align:center;
	padding:20px 0;
}
.per-box img{
	width:100px;
	height:100px;
	border-radius:50px;
}
.name{
	color:#000;
}
.nickname{
	color:#C4C4C4;
}
b{
	font-weight:normal;
}
.frequency-box{
	overflow:hidden;
	padding-bottom:20px;
}
.frequency-box span{
	display:inline-block;
	float:left;
	width:33%;
	color:#000;
	border-right:solid 1px #dfdfdf;
}
.frequency-box span:last-child{
	border-right:none;
}
.frequency-box span em{
	color:red;
}





.comment-list-box{
	
}
.comment-list-box h2{
	text-align:left;
	color:#000;
	font-size:16px;
	padding:10px 0;
}

.commentContent{
	background:#fff;
	border:solid 1px #dfdfdf;
}
.commentContent ul{
	padding:8px;
}
.commentContent li{
	position:relative;
	padding:20px 0px;
	border-bottom: dotted 1px #EEEEEE;
}
.commentContent li:last-child{
	border-bottom:none;
}
.user_head{
	width:60px;
	height:60px;
	position:absolute;
	top:20px;
	left:0px;
	border-radius: 30px;
	overflow: hidden;
}
.user_head a,.user_head img{
	display:block;
	width:100%;
	height:100%;
}
.user_content{
	margin-left:75px;
}
.user_name{
	padding:5px 0;
}
.user_name{	
	line-height:24px;
}
.user_name a{
	color:red;
}
.user_name span{
	color:#959595;
	margin-left:15px;
}
.user_text{
	line-height:24px;
	font-size: 14px;
	color:#959595;
}
.user_content p{
	text-align:left;
}
.user_content p.text-right{
	text-align:right;
	color:#57A3D5;
}
.grayColor{
	color:#959595;
}
.commentContent li .composite-score{
	position:absolute;
	top:20px;
	right:0;
}
.reply-content{
	border:solid 1px #dfdfdf;
	background:#F4F4F4;
	padding:5px 10px;
	margin:10px 0;
}
.commentBox-btn{
	overflow:hidden;
	padding-top:10px;
}
.commentSubmit{
	float:right;
	background:#FF4D4D;
	color:#fff;
	padding:5px 20px;
	width:auto;
	height:auto;
	line-height:inherit;
}
.expressionIcon{
	float:left;
	color:#57A3D5;
	margin-top:10px;
}
.expressionIcon i{
	float:left;
	display:inline-block;
	width:16px;
	height:18px;
	background: url('images/images/icon.png') no-repeat;
	background-position:-85px -27px;
	margin-right:5px;
	vertical-align:middle;
	cursor:pointer;
}
.expressionIcon i,.expressionIcon b{
	/*vertical-align:middle;*/
}

.com_form { width: 100%; position: relative; }
/*.input { width: 99%; height: 60px; border: 1px solid #ccc; }*/
.com_form p { height: 28px; line-height: 28px; position: relative; margin-top: 10px; }
span.emotion { height: 28px; cursor: pointer; }
span.emotion:hover { background-position: 2px -28px }
.qqFace { margin-top: 4px; background: #fff; padding: 2px; border: 1px #dfe6f6 solid; }
.qqFace table td { padding: 0px; }
.qqFace table td img { cursor: pointer; border: 1px #fff solid; }
.qqFace table td img:hover { border: 1px #0066cc solid; }
#show { width: 770px; margin: 20px auto; background: #fff; padding: 5px; border: 1px solid #DDD; vertical-align: top; }



/*����*/
#pop_overlay {display:none;z-index:200; left:0px; width:100%; height:100%; position:fixed; top:0px;filter:alpha(opacity=50); background-color:#000; -moz-opacity:0.5; opacity:0.5;}
#pop_window {display:none;z-index:1000; left:50%; position:fixed; top:50%; text-align:left;}
* html #pop_overlay {width:expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth :document.body.offsetWidth + 'px'); position:absolute; height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px');}
* html #pop_window {margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); position:absolute;}

.floorNum{
	position:absolute;
	top:25px;
	right:0;
	color:red;
}

.user_content .comment-edit-box{
	margin-top:15px;
	display:none;
}
.replyBtn,.agreeWithBtn{cursor:pointer;}



.per-banner{
	width:100%;
	background:url('images/images/per-banner.png') no-repeat top center;
	padding-top:280px;
	padding-bottom:20px;
	text-align:center;
}
.per-banner img{
	width:126px;
	height:126px;
	/*border:solid 1px #fff;*/
	border-radius:53px;
}
.per-banner h3{
	font-size:18px;
	color:#373737;
}
.per-banner span{
	color:#707070;
}

.com-img-box .per-info a {
	display:inline-block;
	width:auto;
	color:#fff;
}
#Community-container > div.com-img-box .per-info a img{
	display:inline-block;
	width:30px;
	color:#fff;
}






#imgText-container{
	min-height:500px;
}
.theme-container{
	
}
.theme-container .theme-item{
	height:220px;
	position:relative;
	border:none;
	box-shadow:none;
}

.theme-item a,.theme-item a img{
	display:block;
	width:100%;
	height:100%;
}
.theme-mask{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);
	display:none;
}

.theme-mask .borderX{
	display:block;
	margin:20px;
	height:180px;
	border:solid 1px #fff;
	font-size:18px;
	color: #fff;
	vertical-align:bottom;
	line-height:300px;
}
.theme-item:hover .theme-mask{
	display:block;
}


/*主题作品*/
.themeWork-box{
	position:relative;
	width:100%;
	height:100%;
	background:#EFF2F4;
}
.work-left{
	width:260px;
	height:100%;
	background:#fff;
	color:#2B211E;
	position:fixed;
	top:0;
	left:0;
	min-height:600px;
	z-index:100;
}
.author-info,.work-left-nav{
	text-align:right;
	padding:20px;
}
.author-info h2{
	font-size:18px;
	margin-bottom:10px;
}
.author-info img{
	width:120px;
	height:120px;
}
.author-info p{
	line-height:28px;
}
.work-left-nav{
	margin-top:50px;
}
.work-left-nav span{
	display:inline-block;
	width:90px;
	height:26px;
	text-align:right;
	padding:0 15px;
	border-radius:26px;
	color:#E96F15;
	margin-bottom:15px;
	font-weight:bold;
	cursor:pointer;
}
.work-left-nav span.active{
	color:#fff;
	background:#E96F15;
}
.work-left-bottom{
	position:absolute;
	right:20px;
	bottom:20px;
}


.work-right{
	margin-left:260px;
	padding:50px 120px 50px 20px;
}
.work-box{
	position:relative;
	width:280px;
	border-radius:10px;
	overflow:hidden;
}
.work-box-img{
	width:280px;
	height:200px;
}
.work-box-img a,.work-box-img img{
	display:block;
	width:100%;
	height:100%;
}
.work-box-mask{
	display:block;
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	background:#353434;
	color:#fff;	
	padding-bottom:10px;
	
}
.alink{}
.work-box-mask a{
	color:#fff;
}
.work-name{
	overflow:hidden;
	white-space: nowrap;
    text-overflow: ellipsis;
	line-height:36px;
	text-align:left;
	text-indent:15px;
}
.work-operate{
	overflow:hidden;
}
.work-operate{
	overflow:hidden;
}
.work-operate .left{
	margin-left:15px;
}
.work-operate .right{
	margin-right:15px;
}
.work-operate .right span{
	margin-left:10px;
}
.icon20{
	display:inline-block;
	width: 20px;
    height: 20px;
    background: url('images/images/icon.png') no-repeat;
	vertical-align:middle;
}
.see-icon20{
	background-position:-158px -34px;
}
.like-icon20{
	background-position:-193px -34px;
}
.collect-icon20{
	background-position:-229px -34px;
}
.work-operate span b{
	vertical-align:middle;
}
.box-hover-modal {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 280px;
	height: 200px;
	position: relative;
	background: #aaa;
	overflow: hidden;
}
.box-hover-modal-con {
	width: 100%;
	height: 100%;
}
.box-hover-modal-m {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: none;
}
.alink{
	display: blcok;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.return-btn{
	display:inline-block;
	background:#A6A8AA;
	color:#fff;
	font-size:14px;
	padding:3px 5px;
	border-radius:3px;
	position:fixed;
	top:20px;
	right:20px;
}
.return-btn a,.top-btn a{
	color:#fff;
	cursor:pointer;
	display:block;
	height:100%;
}
.top-btn{
	width:38px;
	height:38px;
	background: url('images/images/icon.png') no-repeat;
	background-position:-195px -100px;
	position:fixed;
	right:20px;
	bottom:20px;
}
.work-right-content{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);
	z-index:98;
	display:none;
}
.work-text-box{
	margin-left:260px;
	width:600px;
	padding:0 20px;
	height:100%;
	background:#fff;
	text-align:left;
	
}
.work-text-box h2{
	padding:20px 0px 10px;
	border-bottom:solid 1px #F9F9F9;
	font-size:16px;
}
.work-text-box div{
	line-height:24px;
	padding:20px 0;
}



.photographer-list{
	border: solid 1px #EEEFF2;
    background: #fff;
    position: absolute;
    top: 37px;
    width: 400px;
    padding: 0px;
    z-index: 100;
    display: none;
    max-height:none;
    padding-bottom:20px;
}
.photographer-list .tab-block-title{
	margin-left:0;
	height:36px;
	border-bottom:solid 2px #E80D00;
}
.photographer-list .tab-block-title li{
	width:19.8%;
	height:36px;
	line-height:36px;
}
.photographer-list .tab-block-title li.activeTab,.photographer-list .tab-block-title li:hover,.photographer-list .tab-block-title li:hover a{
	background:#E80D00;
	border:none;
	margin-top:0;
}
.photographer-list .tab-block-title li.activeTab a,.photographer-list .tab-block-title li:hover a{
	color:#fff;
}
.photographer-list .tab-block-title li.activeTab a:after{
	content:normal;
}
.photographer-list .tab-block-title li a{
	padding:0;
}
.photographer-list .SimpletabTarget{
	min-height:200px;
}
.nameList{
	text-align:left;
	position:relative;
}
.nameList label,.nameList span,.nameList span a{
	display:inline-block;
}
.nameList label{
	width:20px;
	position:absolute;
	top:8px;
	left:10px;
	color:#E80D00;
}
.nameList span{
	margin-left:35px;
    margin-top:10px;
    min-height: 23px;
}
.nameList span a{
	width:62px;
	padding:0 3px;
	height:23px;
}

.per-list{
	
}
.per-list .title{
	background:#fff;
	border-bottom:solid 1px #F1F2F4;
	text-align:center;
	height:auto;
	line-height:normal;
}
.per-list .title li{
	display:inline-block;
	padding:0px 20px;
}
.per-list .title li a{
	display:inline-block;
	color:#373737;
	float:none;
	padding:15px 4px;
	border-bottom:solid 2px #fff;
}
.per-list .title li.activeTab a{
	color:#EC8638;
	border-bottom:solid 2px #EC8638;
}
.per-list .SimpletabTarget{
	background:#F7F8FA;
	padding:50px 0px;
}
.per-list .SimpletabTarget{
	
}
.per-list .SimpletabTarget .text-placeholder{
	height:50px;
}
.per-list .SimpletabTarget .imgText-container{
	overflow:hidden;
	width:1220px;
	margin:0 auto;
}
.per-list .SimpletabTarget .img-text-box{
	float:left;
	margin-bottom:20px;
	margin-left:20px;
	box-shadow:none;
	width:222px;
}
.maskPlay{
	display:inline-block;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);
	position:absolute;
	top:0;
	left:0;
	display:none;
}
.maskPlay i{
	display:inline-block;
	width:36px;
	height:36px;
	background:url('images/images/icon.png') no-repeat;
	background-position:0px -57px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-18px;
	margin-top:-18px;
	
}
.per-list .SimpletabTarget .img-text-box:hover .maskPlay{
	display:block;
}

.Com-sea-nav .Com-upload-box{
	float:left;
	width:120px;
	border:solid 1px #DADCDB;
	background:#EDEFEE;
	padding:5px;
	margin-left:0px;
}
.Com-sea-nav .Com-upload-box a{
	display:block;
}

.Community-main{min-height:600px;}
.commentSubmit{border:none;}

.Com-sea-nav,.Community-main,.Com-sea-nav-content {
	max-width:1260px;
	min-width:1000px;
	width:auto;
	margin:0 auto;
}
.Com-sea-nav{
	border:none;
	background:none;
	box-shadow:none;
	padding:20px 0px 0px;
}

.Community-main{min-height:600px;}
.none{display:none}
.status{border-top:1px solid #c9caca;text-align:center;padding:30px 0;font-size:19px;margin-top:50px;}
.loading{background:url(images/loading.gif) no-repeat 42% 30px}


