.container {
	margin-top: 100px;
	margin-left: 75px;
	padding-top: 20px;
	width: calc(100% - 75px - 45px);
}
#imgArea a{
	color: #FFFFFF;
}
#imagelightbox-title h2{
	font-size: 18px;
	margin: 0;
	padding: 16px 0 0;
}
#imagelightbox-title p{
	margin: 0;
	padding: 16px 0;
	height: 40px;
	overflow: hidden;
	transition: all .2s .2s;
}
.imagelightbox-titleHover, #imagelightbox-title p:hover , #imagelightbox-title h2:hover~p{
	height: 120px;
	overflow: auto;
	transition: all .2s;
}
.navWap {
	display: none;
}
.menu_ul li span{
	display: none;
}
#imagelightbox-title{
	padding: 10px 100px;
}
.userInfo_1{
	float: left;
}
.userInfo_Btn{
	float: right;
}
.userInfo_1 img{
	width: 40px;
	height: 40px;
}
.userInfo_1 span{
	height: 40px;
	line-height: 40px;
}
.userInfo_1{
	text-align: left;
	border: none;
	padding: 0;
	padding-bottom: 10px;
}
.outLay{
	border-top:1px solid #444 ;
	padding-top: 10px;
	margin-top: 10px;
}
#imagelightbox{
	margin: auto;
	top: 10px !important;
	left: 0 !important;
	bottom: 10px !important;
	right: 0 !important;
	/*width: auto !important;
	height:100vh  !important;
	max-height:calc(100vh - 220px) !important;*/
}
@media screen and (max-width: 768px) {
	.navWap {
		height: 48px;
		width: 100%;
		background: #202324;
		background: rgba(32, 35, 36, .98);
		display: block;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 9998;
	}
	.navIcon {
		font-size: 24px !important;
		color: #fff;
		line-height: 46px;
		margin: 0 10px;
	}
	.titCont {
		text-align: center;
		line-height: 48px;
		color: #fff;
	}
	.menu {
		display: none;
	}
	.container {
		width: 100%;
		margin-left: 0;
		padding: 60px 10px 0;
	}
	.pageTitle {
		top: 48px;
	}
	.pageTile_1 {
		padding: 0;
	}
	.menu_550_show {
		width: 50% !important;
		max-width: 1920px;
		position: fixed !important;
		top: 93px;
		left: 0;
		z-index: 999;
	}
	.container {
		padding: 5px 5px 0;
		margin-top: 90px;
	}
	.icon-user:before{
		content: "\e600" !important;
	}
	.menu_ul li{
		text-align: left;
		padding-left: 20px;
	}
	.menu_ul li:hover ul.submenu{
		display: none !important;
	}
	.menu_ul li span{
	display: inline-block;
	padding-left: 10px;
	font-size: 18px;
	vertical-align: top;
	font-family: arial, "微软雅黑";
}
   .menu_ul li:nth-child(1) img{
   	display: inline-block;
   	vertical-align: top;
   	height: 50px
   }
   .mask{
		display:none;
		top: 48px;
		right: 0;
		width: 100% !important;
		background: rgba(0, 0, 0, .4);
		height: calc(100vh - 48px);
		position: fixed;
	}
   .menu_ul li {
    height: 50px;
    line-height: 50px;
    }
    .pageTile_1{
    	display: none;
    }
    .pageTitle {
	/*height: 100vh;
	width:100%;*/ 
	height: auto !important;
	font-family: '微软雅黑';
	font-size: 22px;
	background: #FFFFFF;
	z-index: 9997;
	color: #525558;
	position: fixed;
	top: 48px;
	right: 0px;
	box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.2);
}
.page_title{
	display: none;
}
.searchbtn{
	display: none;
}
.pageTile_2{
	padding-left: 0;
	display: -webkit-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    border-bottom: 1px solid #E2E6E7 !important;
}
.pageTile_2 li{
	/*display: block;*/
	text-align: center;
	padding: 0 2px;
	border-right: 1px solid #E2E6E7 !important;
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 12px;
    overflow: hidden;
}
.pageTile_2 li:nth-child(2){
	min-width: 98px;
}
.pageTile_2 li select{
	/*width: 100%;*/
}
.pageTitleShow{
	height: 100vh !important;
	background: rgba(255,255,255,.8) !important;
}
.pageTitleShow .pageTile_1{
	display: -webkit-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.pageTitleShow .pageTile_2{
	display: none;
}
.pageTitleShow .searchbtn{
	display: block;
}
.pageTitle input{
	font-size: 18px;
	border-radius: 0;
	padding: 0 10px;
}
.userInfo_1{
	float: none;
}
.userInfo_Btn{
	float: none;
	margin-top: 10px;
}
#imagelightbox-title{
	padding: 10px 30px;
}
.userInfo_1{
	border-bottom:1px solid #444 ;

}
.imagelightbox-arrow{
	display: none !important;
}
.userInfo_1 img{
	width: 23px;
	height: 23px;
}
.userInfo_1 span{
	height: 20px;
	line-height: 20px;
}
#imagelightbox{
	margin: auto;
	top: -86px !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
	width: calc(100% - 10px) !important;
	height: auto !important;
}
.imagelightbox-titleHover, #imagelightbox-title p:hover , #imagelightbox-title h2:hover~p{
	min-height:40px ;
	height:auto !important;
	transition: all .2s;
}
}

@media screen and (max-width: 425px) {
	#imagelightbox-title{
	padding: 10px 10px;
}
#imagelightbox{
	margin: auto;
	top: -220px !important;
	left: 0 !important;
	bottom: -20px !important;
	right: 0 !important;
}	
}