.pl-header,
.pl-area,
.pl-title-tab{
	width: 100%!important;
}
.pl-title-tab .theline{
	margin-top: 10px!important;
}
.comment-area-xs .btn-default, .re-comment-area-xs .btn-default{
	float: right;
}
.comment-area .btn-default,
.comment-area-xs .btn-default,
.re-comment-area-xs .btn-default{
	margin-top: 10px;
	background: #053755;
	color: #fff;
	border: none;
	padding: 10px 25px;
	transition: all 0.5s;
	-moz-transition:all 0.5s;  /* Firefox 4 */
	-webkit-transition:all 0.5s; /* Safari and Chrome */
	-o-transition:all 0.5s; /* Opera */
	font-size: 16px;
	border-radius: 4px;
}

/*点赞按钮*/
.thumbs{
	width: 170px;
	height: 50px;
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: -85px;
	background: #fff;
	text-align: center;
	line-height: 50px;
	border: 1px solid #ededed;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.thumbs:hover{
	background: #053755;
}
.thumbs:hover .iconfont,
.thumbs:hover #diggnum{
	color: #fff;
}
.thumbs .iconfont{
	font-size: 24px;
	color: #053755;
}
#diggnum{
	font-size: 20px;
	font-weight: bold;
	color: #053755;
	font-family: 'EnmyFont';
}
.liked .thumbs{
	background: #053755;
}
.liked .thumbs .iconfont{
	color: #fff;
}
.liked .thumbs #diggnum{
	color: #fff;
}




/*你已经提交过点赞弹出框*/
.modal-dialog {
	width: 400px;
	height: 100px;
	margin: 200px auto;
	box-shadow: none;
}

.modal-content {
	border: 1px solid rgba(0, 0, 0, .02);
	box-shadow: 0 3px 9px rgba(0, 0, 0, .15);
}

.modal-body {
	height: 100px;
	box-shadow: none;
	line-height: 100px;
	font-size: 16px;
	padding: 0px 15px;
}

.close {
	font-size: 30px;
	margin-top: 30px;
}

@media screen and (max-width:767px) {

	.art-comment-xs {
		width: 100%;
		height: auto;
		border-top: #ebebeb 1px solid;
		position: fixed;
		bottom: 0px;
		left: 0px;
		z-index: 999999;
		background: #fff;
		padding: 3% 0px;
	}

	.art-comment-xs .art-comment-xs-box {
		width: 96%;
		height: 9vw;
		margin: 0 auto;
	}

	.art-comment-xs .art-comment-xs-box .mypl-xs {
		width: 58%;
		margin-left: 2%;
		height: 9vw;
		float: left;
		border-radius: 50px;
		background: #f5f5f5;
		border: none;
		font-size: 14px;
		padding-left: 3%;
		color: #808080;
		line-height: 9vw;
	}

	.art-comment-xs .art-comment-xs-box .myicon-xs {
		width: 40%;
		float: right;
		height: 9vw;
		line-height: 9vw;
	}

	.art-comment-xs .art-comment-xs-box .myicon-xs .myicon-icon {
		width: 33.33%;
		height: auto;
		float: left;
		text-align: center;
	}

	.art-comment-xs .art-comment-xs-box .myicon-xs .myicon-icon .reply-icon,
	.art-comment-xs .art-comment-xs-box .myicon-xs .myicon-icon .zan-icon {
		position: relative;
	}

	.art-comment-xs .art-comment-xs-box .myicon-xs .myicon-icon .reply-num {
		position: absolute;
		top: -9px;
		right: -9px;
		background: red;
		display: block;
		height: 14px;
		padding: 0px 15%;
		line-height: 14px;
		color: #fff;
		border-radius: 50px;
		font-size: 12px;
		font-weight: normal;
		font-family: Arail;
	}

	.art-comment-xs .art-comment-xs-box .myicon-xs .myicon-icon .zan-num {
		top: -9px;
		right: 0px;
		background: red;
	}

	.art-comment-xs .art-comment-xs-box .myicon-xs .myicon-icon .iconfont {
		font-size: 20px;
		color: #808080;
	}

	.art-comment-xs .art-comment-xs-box .myicon-xs .liked_mobile .iconfont {
		color: red;
	}

	.art-comment-xs .art-comment-xs-box .myicon-xs .myicon-icon .thumbs-up-xs {
		font-size: 24px;
	}

	/*	.art-comment-xs .art-comment-xs-box .myicon-xs .myicon-icon:hover .iconfont{
            color: red;
        }*/
	.art-comment-xs .comment-area-xs,
	.art-comment-xs .re-comment-area-xs {
		width: 96%;
		height: auto;
		margin: 0 auto;
	}

	.art-comment-xs .comment-area-xs .form-cotrol-xs,
	.art-comment-xs .re-comment-area-xs .form-cotrol-xs {
		width: 100%;
		height: 20vw;
		border-radius: 50px;
		background: #f5f5f5;
		border-radius: 5px;
		border: #ebebeb 1px solid;
		outline: none;
		padding: 2% 0px 0px 2%;
		font-size: 14px;
		color: #808080;
	}

	.comment-area-xs .btn-default,
	.re-comment-area-xs .btn-default {
		margin-top: 1%;
		font-size: 14px;
		padding: 7px 12px;
		border-radius: 3px;
	}

	.bg-layer {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0px;
		left: 0px;
		background: rgba(0, 0, 0, 0.7);
		z-index: 20000;
		display: none;
	}

	.footer {
		margin-bottom: 15.31vw;
	}

	.share-xs {
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	.share-xs li {
		width: 33.33%;
		height: auto;
		float: left;
		text-align: center;
	}

	.share-xs li span {
		width: 40px;
		height: 40px;
		display: block;
		background: #e74c3c;
		border-radius: 100px;
		margin: 0 auto;
		text-align: center;
		line-height: 40px;
		color: #fff;
		font-size: 26px;
	}

	.share-xs li:nth-child(2) span {
		background: #09bb07;
	}

	.share-xs li:nth-child(3) span {
		background: #008bdb;
	}

	.share-xs li:nth-child(4) span {
		background: #ffcf10;
	}

	.share-xs li strong {
		font-size: 12px;
		font-weight: normal;
		line-height: 30px;
		color: #808080;
	}

	.modal-dialog {
		width: 300px;
		height: 50px;
	}

	.modal-body {
		height: 50px;
		line-height: 50px;
	}

	.close {
		margin-top: 8px;
	}

	.column-detail .detail-con .art-con iframe {
		height: 67vw;
	}
	.pl-title-tab .theline{
		margin-top: 7px!important;
	}
}