html, body{ 
	margin:0; 
	height:100%; 
	overflow: hidden;
	min-width: 1280px;
	min-height: 780px;
	width: 100%;
}
div{
	margin: 0;
}
.transparentItem{
	/*opacity: 0;*/
}
.bg-panel{
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: url('http://images.uchor.com/o_1b2v8o7cbva01d6t1agc11cafqr.jpg');
	background-repeat:no-repeat;
	/*background-attachment:fixed;*/
	background-position:center;
	/*background-size: contain;*/
	background-size: cover;
}
.bg-panel>.mask-layer{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.88);
}
.main-box{
	position: relative;
	height: 100%;
	background-color: #101010;
}
.main-panel{
	position: relative;
	z-index: 10;
	height: 100%;
}
.init-loading-box{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 999999;
	background-color: #101010;
}
.init-loading-box>.loading-icon-box{
	width: 97px;
    height: 108px;
    margin: -88px 0 0 -54px;  /* marginTop: -1*height/2 - 4x; */
    position: relative;
    left: 50%;
    top: 50%;    
}
.init-loading-box>.loading-icon-box>.loading-icon-border{
	width: 97px;
	height: 108px;
	background: url('./../Images/U/init-loading-icon.png') 0 0 no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	/* Normal: */
	animation: loading-icon-border-keyframe 8s linear 0.5s infinite normal;
	/* Firefox: */
	-moz-animation: loading-icon-border-keyframe 8s linear 0.5s infinite normal;
	/* Safari 和 Chrome: */
	-webkit-animation: loading-icon-border-keyframe 8s linear 0.5s infinite normal;
	/* Opera: */
	-o-animation: loading-icon-border-keyframe 8s linear 0.5s infinite normal;
}

@keyframes loading-icon-border-keyframe /* Normal */
{
	5%   {transform:rotateY(0deg);}
	45%  {transform:rotateY(180deg);}
	55%  {transform:rotateY(180deg);}
	95%  {transform:rotateY(0deg);}
}
@-moz-keyframes loading-icon-border-keyframe /* Firefox */
{
	5%   {-moz-transform:rotateY(0deg);}
	45%  {-moz-transform:rotateY(180deg);}
	55%  {-moz-transform:rotateY(180deg);}
	95%  {-moz-transform:rotateY(0deg);}
}
@-webkit-keyframes loading-icon-border-keyframe /* Safari 和 Chrome */
{
	5%   {-webkit-transform:rotateY(0deg);}
	45%  {-webkit-transform:rotateY(180deg);}
	55%  {-webkit-transform:rotateY(180deg);}
	95%  {-webkit-transform:rotateY(0deg);}
}
@-o-keyframes loading-icon-border-keyframe /* Opera */
{
	5%   {-o-transform:rotateY(0deg);}
	45%  {-o-transform:rotateY(180deg);}
	55%  {-o-transform:rotateY(180deg);}
	95%  {-o-transform:rotateY(0deg);}
}
.init-loading-box>.loading-icon-box>.loading-icon-main{
	width: 65px;
	height: 65px;
	margin: -38px 0 0 -33px;
	background: url('./../Images/U/init-loading-icon.png') -97px 0 no-repeat;
	position: absolute;
	left: 50%;
	top: 50%;
	/* Normal: */
	animation: loading-icon-main-keyframe 4s linear 0.5s infinite Normal;
	/* Firefox: */
	-moz-animation: loading-icon-main-keyframe 4s linear 0.5s infinite Normal;
	/* Safari 和 Chrome: */
	-webkit-animation: loading-icon-main-keyframe 4s linear 0.5s infinite Normal;
	/* Opera: */
	-o-animation: loading-icon-main-keyframe 4s linear 0.5s infinite Normal;
}
@keyframes loading-icon-main-keyframe /* Normal */
{
	5%   {transform:rotateY(0deg);}
	50%  {transform:rotateY(-180deg);}
	90% {transform:rotateY(0deg);}
}
@-moz-keyframes loading-icon-main-keyframe /* Firefox */
{
	5%   {-moz-transform:rotateY(0deg);}
	50%  {-moz-transform:rotateY(-180deg);}
	90%  {-moz-transform:rotateY(0deg);}
}
@-webkit-keyframes loading-icon-main-keyframe /* Safari 和 Chrome */
{
	5%   {-webkit-transform:rotateY(0deg);}
	50%  {-webkit-transform:rotateY(-180deg);}
	90%  {-webkit-transform:rotateY(0deg);}
}
@-o-keyframes loading-icon-main-keyframe /* Opera */
{
	5%   {-o-transform:rotateY(0deg);}
	50%  {-o-transform:rotateY(-180deg);}
	90%  {-o-transform:rotateY(0deg);}
}
.init-loading-box>.loading-title{
	font-family: "Microsoft Yahei";
	font-size: 22px;
	color: #00be99;
	line-height: 46px;
	text-align: center;
	position: relative;
	top: 50%;
	margin-top: 4px;
}
.init-loading-box>.loading-tips{
	font-family: Arial;
	font-size: 13px;
	color: #666;
	line-height: 22px;
	text-align: center;
	position: relative;
	top: 50%;
}
.left-navi-bar{
	width: 82px;
	height: 100%;
	float: left;
	position: relative;
	top: 0;
}
.left-navi-bar-departure{
	left:-82px;
	transition:left 0.1s linear;
	-moz-transform:left 0.1s linear;
	-webkit-transform:left 0.1s linear;
	-o-transform:left 0.1s linear;
}
.left-navi-bar-approach{
	left:0;	
	transition:left 0.1s linear;
	-moz-transform:left 0.1s linear;
	-webkit-transform:left 0.1s linear;
	-o-transform:left 0.1s linear;
}
.left-navi-bar>.line{
	width: 3px;
	height: 100%;
	position: relative;
	left: 50%;
	margin-left: -3px;
	margin-top: 0;
	background-color: #00be99;
	background: linear-gradient(#00be99,#dcbc44,#fc332c); /* Normal */
	background: -moz-linear-gradient(#00be99,#dcbc44,#fc332c); /* Firefox */
	background: -webkit-linear-gradient(#00be99,#dcbc44,#fc332c); /* Safari 和 Chrome */
  	background: -o-linear-gradient(#00be99,#dcbc44,#fc332c);  /* Opera */
  	z-index: 1;
}
.left-navi-bar>.logo{
	position: absolute;
	width: 82px;
	height: 71px;
	top: 30px;
	left: 0;
	z-index: 10;
	overflow: hidden;
}
.left-navi-bar>.logo>.background-layer{
	background-image: url('http://images.uchor.com/o_1b2v8o7cbva01d6t1agc11cafqr.jpg');
	background-repeat:no-repeat;
	/*background-attachment:fixed;*/
	background-position:center;
	/*background-size: contain;*/
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.left-navi-bar>.logo>.mask-layer{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.88);
	z-index: 5;
}
.left-navi-bar>.logo>.icon{
	width: 48px;
	height: 52px;
	background: url('./../Images/U/v2icons.png') 0 0;
	position: relative;
	margin: 10px auto 0 auto;
	cursor: pointer;
	z-index: 20;
}
.left-navi-bar>.user-image{
	position: absolute;
	width: 82px;
	height: 90px;
	top: 15%;
	left: 0;
	z-index: 10;
	overflow: hidden;
}
.left-navi-bar>.user-image>.background-layer{
	background-image: url('http://images.uchor.com/o_1b2v8o7cbva01d6t1agc11cafqr.jpg');
	background-repeat:no-repeat;
	/*background-attachment:fixed;*/
	background-position:center;
	/*background-size: contain;*/
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.left-navi-bar>.user-image>.mask-layer{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.88);
	z-index: 5;
}
.left-navi-bar>.user-image>.icon{
	width: 50px;
	height: 50px;
	position: relative;
	margin: 20px auto 0 auto;
	cursor: pointer;
	z-index: 20;
	background: url('./../Images/user_default_image.png') no-repeat center;
    background-size: 52px 52px;
    border-radius: 50%;
}
.left-navi-bar>.shortcut-btns{
	position: absolute;
	width: 82px;
	height: 160px;
	top: 27%;
	left: 0;
	z-index: 10;
	overflow: hidden;
}
.left-navi-bar>.shortcut-btns>.background-layer{
	background-image: url('http://images.uchor.com/o_1b2v8o7cbva01d6t1agc11cafqr.jpg');
	background-repeat:no-repeat;
	/*background-attachment:fixed;*/
	background-position:center;
	/*background-size: contain;*/
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.left-navi-bar>.shortcut-btns>.mask-layer{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.88);
	z-index: 5;
}
.left-navi-bar>.shortcut-btns>.btn{
	width: 50px;
	height: 50px;
	position: relative;
	margin: 20px auto 0 auto;
	cursor: pointer;
	z-index: 20;
	border: 2px solid rgba(220, 220, 220, 0.3);
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.3);
}
.left-navi-bar>.shortcut-btns>.btn>.icon{
}
/*.left-navi-bar>.page-title{
	width: 82px;
	height:auto;
    position: absolute;
    left: 0;
    top: 131px;
	z-index: 1;
	overflow: hidden;
}
.left-navi-bar>.page-title>.background-layer{
	background: url('http://images.uchor.com/o_1b2v8o7cbva01d6t1agc11cafqr.jpg') no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.left-navi-bar>.page-title>.mask-layer{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.88);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}
.left-navi-bar>.page-title>.text{
	position: relative;
    z-index: 10;
    height: 82px;
    line-height: 82px;
    width: auto;
    font-size: 16px;
    font-family: 'Microsoft Yahei';
    color: #00be99;
    white-space: nowrap;
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    text-align: center;
    display: inline-block;
    padding: 0 16px;
}*/
.left-navi-bar>.menu-button-box{
	position: absolute;
	width: 82px;
	height: 60px;
	top: 50%;
	left: 0;
	z-index: 10;
	margin-top: -30px;
	overflow: hidden;
}
.left-navi-bar>.menu-button-box>.background-layer{
	background-image: url('http://images.uchor.com/o_1b2v8o7cbva01d6t1agc11cafqr.jpg');
	background-repeat:no-repeat;
	/*background-attachment:fixed;*/
	background-position:center;
	/*background-size: contain;*/
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.left-navi-bar>.menu-button-box>.mask-layer{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.88);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}
.left-navi-bar>.menu-button-box>.button{
	position: relative;
	width: 50px;
	height: 45px;
	margin: 7px auto;	
	cursor: pointer;
	z-index: 10;
}
.left-navi-bar>.menu-button-box>.button>.line{
	width: 36px;
	height: 3px;
	background-color: #00be99;
	position: relative;
	margin-top: 9px;
	z-index: 20;
	clear: both;
	left:6px;
	transition:background-color 0.1s linear;
	-moz-transform:background-color 0.1s linear;
	-webkit-transform:background-color 0.1s linear;
	-o-transform:background-color 0.1s linear;
}
/*.left-navi-bar>.menu-button-box>.button>.line1{
	left: 6px;
	transition:left 0.1s linear;
	-moz-transform:left 0.1s linear;
	-webkit-transform:left 0.1s linear;
	-o-transform:left 0.1s linear;
}
.left-navi-bar>.menu-button-box>.button>.line2{
	left: 6px;
	transition:left 0.1s linear;
	-moz-transform:left 0.1s linear;
	-webkit-transform:left 0.1s linear;
	-o-transform:left 0.1s linear;
}
.left-navi-bar>.menu-button-box>.button>.line3{
	left: 6px;
	transition:left 0.1s linear;
	-moz-transform:left 0.1s linear;
	-webkit-transform:left 0.1s linear;
	-o-transform:left 0.1s linear;
}*/

@keyframes menu-button-box-line-hover-keyframe
	0%   {left: 0;}
	10%   {left: 12px;}
	20%   {left: 3px;}
	30%   {left: 9px;}
	40%   {left: 4px;}
	45%   {left: 8px;}
	50%   {left: 5px;}
	55%   {left: 7px;}
	60%   {left: 5px;}
	65%   {left: 7px;}
	70%   {left: 6px;}
}
@-moz-keyframes menu-button-box-line-hover-keyframe
{
	0%   {left: 0;}
	10%   {left: 12px;}
	20%   {left: 3px;}
	30%   {left: 9px;}
	40%   {left: 4px;}
	45%   {left: 8px;}
	50%   {left: 5px;}
	55%   {left: 7px;}
	60%   {left: 5px;}
	65%   {left: 7px;}
	70%   {left: 6px;}
}
@-webkit-keyframes menu-button-box-line-hover-keyframe
{
	0%   {left: 0;}
	10%   {left: 12px;}
	20%   {left: 3px;}
	30%   {left: 9px;}
	40%   {left: 4px;}
	45%   {left: 8px;}
	50%   {left: 5px;}
	55%   {left: 7px;}
	60%   {left: 5px;}
	65%   {left: 7px;}
	70%   {left: 6px;}
}
@-o-keyframes menu-button-box-line-hover-keyframe
{
	0%   {left: 0;}
	10%   {left: 12px;}
	20%   {left: 3px;}
	30%   {left: 9px;}
	40%   {left: 4px;}
	45%   {left: 8px;}
	50%   {left: 5px;}
	55%   {left: 7px;}
	60%   {left: 5px;}
	65%   {left: 7px;}
	70%   {left: 6px;}
}

@keyframes menu-button-box-line-hover-keyframe2
	0%   {left: 12px;}
	10%   {left: 0;}
	20%   {left: 9px;}
	30%   {left: 3px;}
	40%   {left: 8px;}
	45%   {left: 4px;}
	50%   {left: 7px;}
	55%   {left: 5px;}
	60%   {left: 7px;}
	65%   {left: 5px;}
	70%   {left: 6px;}
}
@-moz-keyframes menu-button-box-line-hover-keyframe2
{
	0%   {left: 12px;}
	10%   {left: 0;}
	20%   {left: 9px;}
	30%   {left: 3px;}
	40%   {left: 8px;}
	45%   {left: 4px;}
	50%   {left: 7px;}
	55%   {left: 5px;}
	60%   {left: 7px;}
	65%   {left: 5px;}
	70%   {left: 6px;}
}
@-webkit-keyframes menu-button-box-line-hover-keyframe2
{
	0%   {left: 12px;}
	10%   {left: 0;}
	20%   {left: 9px;}
	30%   {left: 3px;}
	40%   {left: 8px;}
	45%   {left: 4px;}
	50%   {left: 7px;}
	55%   {left: 5px;}
	60%   {left: 7px;}
	65%   {left: 5px;}
	70%   {left: 6px;}
}
@-o-keyframes menu-button-box-line-hover-keyframe2
{
	0%   {left: 12px;}
	10%   {left: 0;}
	20%   {left: 9px;}
	30%   {left: 3px;}
	40%   {left: 8px;}
	45%   {left: 4px;}
	50%   {left: 7px;}
	55%   {left: 5px;}
	60%   {left: 7px;}
	65%   {left: 5px;}
	70%   {left: 6px;}
}
/*.left-navi-bar>.menu-button-box>.button-unselected:hover>.line1{ 
	animation: menu-button-box-line-hover-keyframe 1s ease-in;
	-moz-animation: menu-button-box-line-hover-keyframe 1s ease-in;
	-webkit-animation: menu-button-box-line-hover-keyframe 1s ease-in;
	-o-animation: menu-button-box-line-hover-keyframe 1s ease-in;
}

.left-navi-bar>.menu-button-box>.button-unselected:hover>.line2{ 
	animation: menu-button-box-line-hover-keyframe2 1s ease-in;
	-moz-animation: menu-button-box-line-hover-keyframe2 1s ease-in;
	-webkit-animation: menu-button-box-line-hover-keyframe2 1s ease-in;
	-o-animation: menu-button-box-line-hover-keyframe2 1s ease-in;
}

.left-navi-bar>.menu-button-box>.button-unselected:hover>.line3{ 
	animation: menu-button-box-line-hover-keyframe 1s ease-in;
	-moz-animation: menu-button-box-line-hover-keyframe 1s ease-in;
	-webkit-animation: menu-button-box-line-hover-keyframe 1s ease-in;
	-o-animation: menu-button-box-line-hover-keyframe 1s ease-in;
}*/
.left-navi-bar>.menu-button-box>.button-unselected:hover>.line{ 
	background-color: #fff;
	transition:background-color 0.1s linear;
	-moz-transform:background-color 0.1s linear;
	-webkit-transform:background-color 0.1s linear;
	-o-transform:background-color 0.1s linear;
}
.left-navi-bar>.menu-button-box>.button-selected>.line1{ 
	width: 24px!important;
	left: 17px!important;
	transition:left 0.4s linear;
	-moz-transform:left 0.4s linear;
	-webkit-transform:left 0.4s linear;
	-o-transform:left 0.4s linear;
}
.left-navi-bar>.menu-button-box>.button-selected>.line2{ 
	width: 24px!important;
	left: 5px!important;
	transition:left 0.4s linear;
	-moz-transform:left 0.4s linear;
	-webkit-transform:left 0.4s linear;
	-o-transform:left 0.4s linear;
}
.left-navi-bar>.menu-button-box>.button-selected>.line3{ 
	width: 24px!important;
	left: 17px!important;
	transition:left 0.4s linear;
	-moz-transform:left 0.4s linear;
	-webkit-transform:left 0.4s linear;
	-o-transform:left 0.4s linear;
}

.left-navi-bar>.info-button-box{
	position: absolute;
	width: 82px;
	height: 79px;
	bottom: 65px;
	left: 0;
	z-index: 10;
	overflow: hidden;
}
.left-navi-bar>.info-button-box>.background-layer{
	background-image: url('http://images.uchor.com/o_1b2v8o7cbva01d6t1agc11cafqr.jpg');
	background-repeat:no-repeat;
	/*background-attachment:fixed;*/
	background-position:center;
	/*background-size: contain;*/
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.left-navi-bar>.info-button-box>.mask-layer{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.88);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}
.left-navi-bar>.info-button-box>.button{
	position: relative;
	width: 52px;
	height: 52px;
	margin: 20px auto;	
	cursor: pointer;
	z-index: 10;
}
.left-navi-bar>.info-button-box>.button>.border{
	border: 2px solid #fc332c;
	width: 32px;
	height: 32px;
	transform:rotate(45deg);	/* Normal */
	-moz-transform:rotate(45deg);/* Firefox */
	-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
	-o-transform:rotate(45deg);/* Opera */
	padding: 0;
    margin: 0 7px;
    z-index: 20;
}
.left-navi-bar>.info-button-box>.button>.icon{
	width: 11px;
	height: 21px;
	overflow: hidden;
	background: url('./../Images/U/v2icons.png') -50px 0;
	top: 6px;
    left: 20px;
    position: absolute;
    z-index: 20;
}
.static-info-box{
	width: 100%;
	height: 100%;
}
.user-info-panel{
	width: 438px;
	height: 100%;
	float: left;
}
.user-info-panel-departure{
	opacity: 0;
	transition:opacity 0.1s linear;
	-moz-transform:opacity 0.1s linear;
	-webkit-transform:opacity 0.1s linear;
	-o-transform:opacity 0.1s linear;
}
.user-info-panel-approach{
	opacity: 1;	
	transition:opacity 0.1s linear;
	-moz-transform:opacity 0.1s linear;
	-webkit-transform:opacity 0.1s linear;
	-o-transform:opacity 0.1s linear;
}
.user-info-panel>.user-info-box{
	width: 376px;
	height: auto;
	overflow: hidden;
	position: relative;
	margin: 0 0 0 8px;
	top:0;
}
.user-info-panel>.user-info-box>.user-image-box{
	width: 150px;
	height: 150px;
	overflow: hidden;
	margin: 0 auto 0 auto;
	border-radius: 50%;
	background: url('./../Images/user_default_image.png') no-repeat center;
	background-size: 153px 153px;
}
.user-info-panel>.user-info-box>.user-nickname-box{
	width: 100%;
	height: 100px;
	line-height: 100px;
	text-align: center;
	font-size: 28px;
	font-family: 'Microsoft Yahei';
	font-weight: bold;
	color: #00be99;
	margin-top: 4px;
	text-overflow: ellipsis;
	overflow: hidden;
}
.user-info-panel>.user-info-box>.user-intro-box{
	width: 100%;
	height:auto;
	max-height: 82px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	font-family: 'Microsoft Yahei';
	color: #ffffff;
	overflow: hidden;
	margin-top: -10px;
	white-space: normal;
    word-break: break-word;
    text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.user-info-panel>.user-info-box>.user-local-box{
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	font-family: 'Microsoft Yahei';
	color: #ffffff;
	overflow: hidden;
	margin-top: -4px;
    text-overflow: ellipsis;
}
.user-info-panel>.user-info-box>.user-canola-info-box{
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	font-family: 'Microsoft Yahei';
	color: #ffffff;
	overflow: hidden;
	margin-top: -4px;
    text-overflow: ellipsis;
}
.user-info-panel>.user-info-box>.user-homepage-url-box{
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	font-family: Arial;
	color: #00be99;
	overflow: hidden;
	margin-top: -4px;
}
.user-info-panel>.user-info-box>.user-homepage-url-spliter{
	width: 60px;
	height: 1px;
	background-color: #00be99;
	overflow: hidden;
	margin: 13px auto 26px auto;
}
.user-info-panel>.user-info-box>.button{
	width:216px;
	height: 44px;
	line-height: 44px;
	overflow: hidden;
	margin: 0 auto 15px auto;
	border: 2px solid rgba(220,220,220,0.3);
	cursor: pointer;
	font-size: 16px;
	font-family: "Microsoft Yahei";
	color: #dcdcdc;
}
.user-info-panel>.user-info-box>.button>.icon1{
	float:left;
	margin-left: 61px;
	margin-right: 23px;
}
.user-info-panel>.user-info-box>.button>.icon2{
	float:left;
	margin-left: 46px;
	margin-right: 23px;
}
.user-detail-info-panel{
	width: 438px;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top:0;
	display: none;
	left: 82px;
	z-index: 1000;
	/*background-color: #010101;*/
}
.main-info-panel{
	margin: 0 400px 0 520px;
	height: 100%;
	position: relative;
}
.main-info-panel-departure{
	opacity: 0;
	/*left: 200px;*/
	transition:all 0.8s linear;
	-moz-transform:all 0.8s linear;
	-webkit-transform:all 0.8s linear;
	-o-transform:all 0.8s linear;
}
.main-info-panel-approach{
	opacity: 1;
	/*left: 0;*/
	transition:all 0.8s linear;
	-moz-transform:all 0.8s linear;
	-webkit-transform:all 0.8s linear;
	-o-transform:all 0.8s linear;
}
.main-info-panel>.data-box{
	width: 100%;
	overflow: hidden;
	position: absolute;
	bottom: 74px;
	top: 0;
	z-index: 10;
	background-color: rgb(16,16,16);
}
.main-info-panel>.data-box>.item{
	width: 33.33%;
	height: 33.33%;
	overflow: hidden;
	float: left;
	background-position: center;
	background-size: cover;
	cursor: pointer;
}
.main-info-panel>.foot-box{
	width: 99.99%;
	height: 74px;
	overflow: hidden;
	background-color: rgba(16,16,16,0.8);
	z-index: 20;
	position: absolute;
	bottom: 0;
}
.main-info-panel>.foot-box>.btn-more{
	width: 216px;
	height: 44px;
	line-height: 44px;
	overflow: hidden;
	border: 2px solid #393939;
	font-size: 18px;
	font-family: 'Microsoft Yahei';
	color: #dcdcdc;
	font-weight: bold;
	margin:14px auto 0 auto;
	cursor: pointer;
}
.main-info-panel>.foot-box>.btn-more:hover{
	background-color: rgba(255,255,255,0.1);
}
.main-info-panel>.foot-box>.btn-more>.icon{
	float:left;
	margin-left: 33px;
	margin-right: 16px;
	margin-top: 16px;
}
.main-info-panel>.bg-box{
	width: 99%;
	height: 100%;
	position: absolute;
	z-index: 5;
}
.right-panel{
	width: 400px;
	height: 100%;
	float: right;
	display:table;
}
.right-panel-departure{
	opacity: 0;
	transition:opacity 0.1s linear;
	-moz-transform:opacity 0.1s linear;
	-webkit-transform:opacity 0.1s linear;
	-o-transform:opacity 0.1s linear;
}
.right-panel-approach{
	opacity: 1;	
	transition:opacity 0.1s linear;
	-moz-transform:opacity 0.1s linear;
	-webkit-transform:opacity 0.1s linear;
	-o-transform:opacity 0.1s linear;
}
.right-panel>.row{
	display:table-row;
}
.right-panel>.header{
	height: 54px;
}
.right-panel>.row>.title-box{
	width: 342px;
	height: 52px;
	margin: 3px auto 0 auto;
	border-bottom: 2px dotted rgba(220,220,220,0.3);
}
.right-panel>.row>.title-box>.title-icon{
	width: 16px;
	height: 16px;
	background: url('./../Images/U/v2icons.png') -50px -30px;
	overflow: hidden;
	float: left;
	margin:18px 10px 0 2px;
}
.right-panel>.row>.title-box>.title-text{
	width: auto;
	height: 52px;
	line-height: 52px;
	font-size: 16px;
	font-family: "Microsoft Yahei";
	color: #dcdcdc;
	font-weight: bold;
}
.right-panel>.row>.data-box{
	width: 340px;
	height: auto;
	margin: 0 30px;
	overflow: hidden;
}
.right-panel>.footer{
	height: 62px;
}
.right-panel>.row>.foot-box{
	width: 342px;
	height: 60px;
	margin: 0 auto 0 auto;
	border-top: 2px dotted rgba(220,220,220,0.3);
	font-size: 16px;
	font-family: "Microsoft Yahei";
	color: #dcdcdc;
	text-align: center;
	line-height: 58px;
}
.memo-item{
	width: 340px;
	height: 153px;
	overflow: hidden;

}
.memo-item>.data-box{
	width: 100%;
	height: 152px;
	overflow: hidden;	
	cursor: pointer;
}
.memo-item>.data-box>.timer-box{
	width: 54px;
	height: 100%;
	overflow: hidden;
	float: left;
}
.memo-item>.data-box>.timer-box>.hms-box{
	width: 40px;
	height: 40px;
	line-height: 40px;
	border: 2px solid #dcdcdc;
	border-radius: 50%;
	overflow: hidden;
	font-size: 14px;
	font-family: arial;
	text-align: center;
	color: #dcdcdc;
	margin-top: 47px;
}
.memo-item>.data-box>.timer-box>.ymd-box{
	width: 44px;
	height: 26px;
	line-height: 26px;
	overflow: hidden;
	font-size: 14px;
	font-family: arial;
	text-align: center;
	color: #999;
	transition:color 0.1s linear;
	-moz-transform:color 0.1s linear;
	-webkit-transform:color 0.1s linear;
	-o-transform:color 0.1s linear;
}
.memo-item:hover>.data-box>.timer-box>.ymd-box{
	color: #bcbcbc;	
	transition:color 0.1s linear;
	-moz-transform:color 0.1s linear;
	-webkit-transform:color 0.1s linear;
	-o-transform:color 0.1s linear;
}

.memo-item>.data-box>.detail-box{
	width: auto;
	height: 100%;
	overflow: hidden;
	padding: 0 10px;
}
.memo-item>.data-box>.detail-box>.text-box{
	line-height: 30px;
	height: 90px;
	width: 100%;
	overflow:hidden;
	font-size: 14px;
	font-family: 'Microsoft Yahei';
	color: #dcdcdc;
	margin-top: 32px;
	white-space: normal;
    word-break: break-word;
    text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	-webkit-box-pack:center; 
	display:-moz-box; 
	-moz-box-orient:horizontal; 
	-moz-box-pack:center; 
	-moz-line-clamp: 3; 
	display:-o-box; 
	-o-box-orient:horizontal; 
	-o-box-pack:center; 
	-o-line-clamp: 3;
	display:-ms-box; 
	-ms-box-orient:horizontal; 
	-ms-box-pack:center; 
	-ms-line-clamp: 3;
	display:box; 
	box-orient:horizontal; 
	box-pack:center; 
	line-clamp: 3;
	transition:color 0.1s linear;
	-moz-transform:color 0.1s linear;
	-webkit-transform:color 0.1s linear;
	-o-transform:color 0.1s linear;
}
.memo-item:hover>.data-box>.detail-box>.text-box{
	color: #FFF;
	transition:color 0.1s linear;
	-moz-transform:color 0.1s linear;
	-webkit-transform:color 0.1s linear;
	-o-transform:color 0.1s linear;
}
.memo-item>.data-box>.img-box{
	width: 98px;
	height: 100%;
	overflow: hidden;
	float: right;
}

.memo-item>.data-box>.img-box>.hex-img-box{
	margin-top: 30px;
	width: 85px;
	height: 98px;
	overflow: hidden;
	float: right;
}
.memo-item>.data-box>.img-box>.normal-img-box{
	width: 85px;
	height: 85px;
	overflow: hidden;
	margin-top: 34px;
	float: right;
	background-repeat: no-repeat;
    background-position: center;
}
.memo-item>.spliter{
	width: 60px;
	height: 1px;
	background-color: #999;
	margin: 0 auto;
	transition:width 0.1s linear;
	-moz-transform:width 0.1s linear;
	-webkit-transform:width 0.1s linear;
	-o-transform:width 0.1s linear;
}
.memo-item:hover>.spliter{
	width: 100%;
	height: 1px;
	background-color: #999;
	margin: 0 auto;
	transition:width 0.2s linear;
	-moz-transform:width 0.2s linear;
	-webkit-transform:width 0.2s linear;
	-o-transform:width 0.2s linear;
}

.hexagon-box{
	width:100%;  
    height:100%;  
    position:relative;
    overflow: hidden;
}
.hexagon-box>.hexagonBase{
    width:100%;  
    height:50%;  
    position:absolute;  
    top: 25%;
    overflow: hidden;
}
.hexagon-box>.hexagonBaseRoundedCorner10{
	/* 如果圆角为 n%，图形宽度相应减少 n% */
	width:90%!important;
	border-radius: 10%!important;
}
.hexagon-box>.hexagonBase>div{
	/*background: url('http://images.uchor.com/o_1apkofeqp1kerrlo76chgun6g1k.jpg?imageMogr2/quality/100/thumbnail/1632x1132!/crop/!912x912a360a112') no-repeat center;*/
	background-repeat: no-repeat;
    background-position: center;
	top: -50%;
    left: -50%;
    position: relative;
    width: 200%;
    height: 200%;
}
.hexagon-box>.hexagon1{
	transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);   
    -o-transform:rotate(0deg);   
}  
.hexagon-box>.hexagon2 {
	transform:rotate(60deg);
    -webkit-transform:rotate(60deg);
    -moz-transform:rotate(60deg);   
    -o-transform:rotate(60deg);   
}
.hexagon-box>.hexagon3 {
	transform:rotate(-60deg);   
    -webkit-transform:rotate(-60deg);
    -moz-transform:rotate(-60deg);   
    -o-transform:rotate(-60deg);   
}  
.hexagon-box>.hexagon1>div{  
    transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);   
    -o-transform:rotate(0deg);
}  
.hexagon-box>.hexagon2>div{
    transform:rotate(-60deg);
    -webkit-transform:rotate(-60deg);
    -moz-transform:rotate(-60deg);   
    -o-transform:rotate(-60deg);   
}
.hexagon-box>.hexagon3>div{  
    transform:rotate(60deg);
    -webkit-transform:rotate(60deg);
    -moz-transform:rotate(60deg);   
    -o-transform:rotate(60deg);   
}  
.icon-follow{
	background: url('./../Images/U/v2icons.png') -70px -30px;
	width:18px;
	height:18px;
}
.icon-umail{
	background: url('./../Images/U/v2icons.png') -90px -30px;
	width:19px;
	height:14px;
}
.icon-more{
	background: url('./../Images/U/v2icons.png') -110px -30px;
	width:14px;
	height:14px;
}
.icon-edit-canola{
	background: url('./../Images/U/v2icons.png') -70px 0;
	width:17px;
	height:18px;
}
.icon-edit-memo{
	background: url('./../Images/U/v2icons.png') -90px 0;
	width:16px;
	height:16px;
}
.icon-edit-job{
	background: url('./../Images/U/v2icons.png') -110px 0;
	width:16px;
	height:19px;
}
.dynamic-info-box{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 100;
	left: 82px;
	top: 0;
	display: none;
	overflow: hidden;
}
.dynamic-left-box{
	width: 113px;
	height: 100%;
	overflow: hidden;
	float: left;
}
.dynamic-right-box{
	height: 100%;
	overflow: hidden;
	padding-right: 82px;
}
.dynamic-navi-box{
	width: 111px;
	height: 336px;
	border-right:2px solid rgba(220,220,220,0.3);
	position: relative;
	top: 50%;
    margin-top: -168px;
}
.dynamic-navi-item{
	width: 112px;
	height:56px;
	line-height: 56px;
	text-align: center;
	font-size: 16px;
	font-family: 'Microsoft Yahei';
	color: #dcdcdc;
	cursor: pointer;
	display: block;
	transition:color 0.1s linear;
	-moz-transform:color 0.1s linear;
	-webkit-transform:color 0.1s linear;
	-o-transform:color 0.1s linear;
}
.dynamic-navi-item-selected{
	color:#00be99;
	transition:color 0.1s linear;
	-moz-transform:color 0.1s linear;
	-webkit-transform:color 0.1s linear;
	-o-transform:color 0.1s linear;
}
.dynamic-navi-current{
	position: absolute;
	top: 0;
	right: -2px;
	width: 3px;
	height: 56px;
	border-right:2px solid #dcdcdc;
	z-index: 10;
	display: none;
}
.dynamic-navi-current>.arrow{
	width:0; 
    height:0; 
    border-top:28px solid transparent;
    border-bottom:28px solid transparent; 
    border-right:28px solid #dcdcdc; 
}
.dynamic-navi-selected{
	position: absolute;
	top: -56px;
	right: -2px;
	width: 3px;
	height: 56px;
	border-right:2px solid #00be99;
	z-index: 20;
	display: none;
}
.dynamic-navi-selected>.arrow{
	width:0; 
    height:0; 
    border-top:28px solid transparent;
    border-bottom:28px solid transparent; 
    border-right:28px solid #00be99; 
}
.dynamic-sub-navi-bar{
	width: 324px;
	height: 100%;
	overflow: hidden;
	float: left;
	position: relative;
}
.dynamic-sub-navi-box{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.dynamic-sub-navi-lst{
	padding: 10px 0 10px 10px;
	overflow: hidden;
}
.dynamic-data-box{
	height: 100%;
	overflow-y: hidden;
	position: relative;
}
.dynamic-data-panel{
	height: 100px;
	width: 2000px;
	overflow: hidden;
	background-color: transparent;
	transition:background-color 0.1s linear;
	-moz-transform:background-color 0.1s linear;
	-webkit-transform:background-color 0.1s linear;
	-o-transform:background-color 0.1s linear;
}
.dynamic-data-panel-bg-black{
	background-color: #090909;
	/*transition:background-color 0.3s linear;
	-moz-transform:background-color 0.3s linear;
	-webkit-transform:background-color 0.3s linear;
	-o-transform:background-color 0.3s linear;*/
}
.dynamic-sub-navi-lst>.canolaNaviCaption{
	height: 36px;
	line-height: 36px;
	width: 240px;
	margin-left: 20px;
	border: 2px solid #dcdcdc;
	color: #fff;
	cursor: pointer;
}
.dynamic-sub-navi-lst>.canolaNaviCaption:hover{
	color: #000;
	border: 2px solid #dcdcdc;
	background-color: rgba(220,220,220,0.6);
}
.dynamic-sub-navi-lst>.selected{
	color: #000;
	border: 2px solid #dcdcdc;
	background-color: rgba(220,220,220,1);
}
.dynamic-sub-navi-lst>.selected:hover{
	color: #000;
	border: 2px solid #dcdcdc;
	background-color: rgba(220,220,220,1);
}
/*.dynamic-sub-navi-lst>.canolaNaviCaption>.icon{
	width: 12px;
	height: 12px;
	overflow: hidden;
	float: left;
	background: url('./../Images/U/v2icons.png') -130px 0;
	margin: 12px 6px 12px 7px;
}*/
.dynamic-sub-navi-lst>.canolaNaviCaption>.left-text{
	height: 36px;
	line-height: 36px;
	width: 100px;
	float: left;
	font-size: 14px;
	font-family: 'SimSun';
	font-weight: bold;
	margin-left: 10px;
}
.dynamic-sub-navi-lst>.canolaNaviCaption>.right-text{
	height: 36px;
	line-height: 36px;
	width: auto;
	float: right;
	padding-right: 10px;
	font-size: 14px;
	font-family: 'Arial';
	font-weight: bold;
}

.dynamic-sub-navi-lst>.albumTagCaption{
	height: 36px;
	line-height: 36px;
	width: 244px;
	margin-left: 20px;
	margin-top: 20px;
	border-top: 2px solid rgba(0,145,229,0.6);
	border-bottom: 2px solid rgba(0,145,229,0.6);
	color: #0091e5;
}
.dynamic-sub-navi-lst>.albumTagCaption>.icon{
	width: 12px;
	height: 12px;
	overflow: hidden;
	float: left;
	background: url('./../Images/U/v2icons.png') -130px -15px;
	margin: 12px 6px 12px 7px;
}
.dynamic-sub-navi-lst>.albumTagCaption>.left-text{
	height: 36px;
	line-height: 36px;
	width: 100px;
	float: left;
	font-size: 14px;
	font-family: 'SimSun';
	font-weight: bold;
}
.dynamic-sub-navi-lst>.albumTagCaption>.right-text{
	height: 36px;
	line-height: 36px;
	width: auto;
	float: right;
	padding-right: 10px;
	font-size: 14px;
	font-family: 'Arial';
	font-weight: bold;
}
.dynamic-sub-navi-lst>.albumTagLst{
	width: 244px;
	height: auto;
	overflow: hidden;
	margin-left: 20px;
}
.dynamic-sub-navi-lst>.albumTagLst>.albumTagItem{
	width: auto;
	max-width: 206px;
	height: 34px;
	line-height: 34px;
	border: 2px solid rgba(0,145,229,0.6);
	color:#dcdcdc;
	border-radius: 34px;
	padding: 0 17px;
	float: left;
	margin: 15px 10px 0 0;
	cursor: pointer;
	font-size: 14px;
	font-family: 'Arial';
	overflow: hidden;
	text-overflow: ellipsis;
}
.dynamic-sub-navi-lst>.albumTagLst>.albumTagItem:hover{
	border: 2px solid rgba(0,145,229,1);
	background-color: rgba(0,145,229,0.6);
}
.dynamic-sub-navi-lst>.albumTagLst>.selected{
	border: 2px solid rgba(0,145,229,1);
	background-color: rgba(0,145,229,1);
}
.dynamic-sub-navi-lst>.albumTagLst>.selected:hover{
	border: 2px solid rgba(0,145,229,1);
	background-color: rgba(0,145,229,1);
}
.dynamic-sub-navi-lst>.tagCaption{
	height: 36px;
	line-height: 36px;
	width: 244px;
	margin-left: 20px;
	margin-top: 20px;
	border-top: 2px solid rgba(220,220,220,0.6);
	border-bottom: 2px solid rgba(220,220,220,0.6);
	color: #dcdcdc;
}
.dynamic-sub-navi-lst>.tagCaption>.icon{
	width: 12px;
	height: 12px;
	overflow: hidden;
	float: left;
	background: url('./../Images/U/v2icons.png') -130px -30px;
	margin: 12px 6px 12px 7px;
}
.dynamic-sub-navi-lst>.tagCaption>.left-text{
	height: 36px;
	line-height: 36px;
	width: 100px;
	float: left;
	font-size: 14px;
	font-family: 'SimSun';
	font-weight: bold;
}
.dynamic-sub-navi-lst>.tagCaption>.right-text{
	height: 36px;
	line-height: 36px;
	width: auto;
	float: right;
	padding-right: 10px;
	font-size: 14px;
	font-family: 'Arial';
	font-weight: bold;
}
.dynamic-sub-navi-lst>.tagLst{
	width: 244px;
	height: auto;
	overflow: hidden;
	margin-left: 20px;
}
.dynamic-sub-navi-lst>.tagLst>.tagItem{
	width: auto;
	max-width: 206px;
	height: 34px;
	line-height: 34px;
	border: 2px solid rgba(220,220,220,0.6);
	color:#dcdcdc;
	border-radius: 34px;
	padding: 0 17px;
	float: left;
	margin: 15px 10px 0 0;
	cursor: pointer;
	font-size: 14px;
	font-family: 'Arial';
	overflow: hidden;
	text-overflow: ellipsis;
}
.dynamic-sub-navi-lst>.tagLst>.tagItem:hover{
	border: 2px solid rgba(220,220,220,1);
	background-color: rgba(220,220,220,0.6);
	color: #000;
}
.dynamic-sub-navi-lst>.tagLst>.selected{
	border: 2px solid rgba(220,220,220,1);
	background-color: rgba(220,220,220,1);
	color: #000;
}
.dynamic-sub-navi-lst>.tagLst>.selected:hover{
	border: 2px solid rgba(220,220,220,1);
	background-color: rgba(220,220,220,1);
	color: #000;
}
.dynamic-data-panel>.canolaGroup{
	overflow: hidden;
	float: left;
	margin-right: 10px;
	margin-top: -10px;
}
.dynamic-data-panel>.canolaGroup>.canolaItem{
	width: 99.99%;
	height: 33.33%;
	overflow: hidden;
	background-position: center;
	background-size: cover;
	display: none;
	cursor: pointer;
	margin-bottom:10px;
}
.loadingMore{
	text-align: center;
	line-height: 100%;
	overflow: hidden;
	color: #00be99;
	font-size: 34px;
	font-family: 'Microsoft Yahei';
	font-weight: bold;
	position: relative;
}
.loadingMore>i{
	width: 30px;
	height: 30px;
  	margin: -15px auto 0 auto;
  	top: 50%;
	background: url('./../Images/loading_min2.gif');
	display: block;
	position: relative;
}
.loadingProgresser{
	width: 60%;
    height: 1px;
    background-color: #666666;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    top: 50%;
    left: 20%;
}
.loadingProgresser>.progresserBlock{
	width: 100%;
    height: 100%;
    background-color: #dcdcdc;
    margin-left: 0;
    
	animation: loading-progresser-keyframe 6s linear 0s infinite normal;
	-moz-animation: loading-progresser-keyframe 6s linear 0s infinite normal;	
	-webkit-animation: loading-progresser-keyframe 6s linear 0s infinite normal;
	-o-animation: loading-progresser-keyframe 6s linear 0s infinite normal;
}
@keyframes loading-progresser-keyframe
{
	0%   {margin-left: -100%;}
	30%  {margin-left: 0;}
	50%  {margin-left: 0;}
	80%  {margin-left: 100%;}
	100%  {margin-left: 100%;}
}
@-moz-keyframes loading-progresser-keyframe
{
	0%   {margin-left: -100%;}
	30%  {margin-left: 0;}
	50%  {margin-left: 0;}
	80%  {margin-left: 100%;}
	100%  {margin-left: 100%;}
}
@-webkit-keyframes loading-progresser-keyframe
{
	0%   {margin-left: -100%;}
	30%  {margin-left: 0;}
	50%  {margin-left: 0;}
	80%  {margin-left: 100%;}
	100%  {margin-left: 100%;}
}
@-o-keyframes loading-progresser-keyframe
{
	0%   {margin-left: -100%;}
	30%  {margin-left: 0;}
	50%  {margin-left: 0;}
	80%  {margin-left: 100%;}
	100%  {margin-left: 100%;}
}

.dynamic-sub-navi-lst>.memoCalandarCaption{
	height: 36px;
	line-height: 36px;
	width: 244px;
	margin-left: 20px;
	margin-top: 20px;
	border-top: 2px solid rgba(220,220,220,0.6);
	border-bottom: 2px solid rgba(220,220,220,0.6);
	color: #dcdcdc;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.dynamic-sub-navi-lst>.memoCalandarCaption>.leftIcon{
	width: 18px;
	height: 18px;
	overflow: hidden;
	border: 2px solid #dcdcdc;
	border-radius: 50%;
	position: absolute;
	top: 7px;
	left: 1px;
}
.dynamic-sub-navi-lst>.memoCalandarCaption>.leftIcon_down{
	background: url('./../Images/U/v2icons.png') -2px -54px no-repeat;
}
.dynamic-sub-navi-lst>.memoCalandarCaption>.leftIcon_up{
	background: url('./../Images/U/v2icons.png') -32px -54px no-repeat;
}
.dynamic-sub-navi-lst>.memoCalandarCaption>.centerText{
	width: 100%;
	height: 36px;
	line-height: 36px;
	font-family: Arial;
	font-size: 20px;
	text-align: center;
}
.dynamic-sub-navi-lst>.memoCalandarCaption>.rightText{
	height: 18px;
	line-height: 18px;
	border: 2px solid rgba(220,220,220,0.6);
	font-family: Arial;
	font-size: 14px;
	text-align: center;
	position: absolute;
	right: 2px;
	top: 7px;
	padding: 0 4px;
}
.dynamic-sub-navi-lst>.memoCalandarCaptionSelected{
	border-top: 2px solid rgba(0,190,153,0.6);
	border-bottom: 2px solid rgba(0,190,153,0.6);
	color: #00be99;
}
.dynamic-sub-navi-lst>.memoCalandarCaptionSelected>.leftIcon{
	border: 2px solid #00be99;
}
.dynamic-sub-navi-lst>.memoCalandarCaptionSelected>.leftIcon_down{
	background: url('./../Images/U/v2icons.png') -62px -54px no-repeat;
}
.dynamic-sub-navi-lst>.memoCalandarCaptionSelected>.leftIcon_up{
	background: url('./../Images/U/v2icons.png') -92px -54px no-repeat;
}
.dynamic-sub-navi-lst>.memoCalandarCaptionSelected>.rightText{
	border: 2px solid #00be99;
}
.dynamic-sub-navi-lst>.memoCalandarLst{
	width: 258x;
	height: auto;
	overflow: hidden;
	margin-left: 13px;
	display: none;
}
.dynamic-sub-navi-lst>.memoCalandarLst>.memoCalandarItem{
	width: 66px;
	height: 34px;
	line-height: 34px;
	border: 2px solid rgba(220,220,220,0.6);
	color:#dcdcdc;
	float: left;
	margin: 15px 8px 0 8px;
	cursor: pointer;
	font-size: 14px;
	font-family: 'Microsoft Yahei';
	overflow: hidden;
	text-align: center;
}
.dynamic-sub-navi-lst>.memoCalandarLst>.memoCalandarItem:hover{
	border: 2px solid #dcdcdc;
	background-color: rgba(220,220,220,0.6);
	color: #000;
}
.dynamic-sub-navi-lst>.memoCalandarLst>.memoCalandarItemSelected{
	border: 2px solid #00be99;
	background-color: #00be99;
	color: #000;
}
.dynamic-sub-navi-lst>.memoCalandarLst>.memoCalandarItemSelected:hover{
	border: 2px solid #00be99;
	background-color: #00be99;
	color: #000;
}
.memoCalandarRightSplitLine{
	position: absolute;
	right: 0;
	width: 1px;
	background-color: rgba(220,220,220,0.3);
	height: 336px;
    top: 50%;
    margin-top: -168px;
    display: none;
}
.memoPanelMiddleSplitLine{
	position: absolute;
	left:0;
	width: 100%;
	background-color: rgba(220,220,220,0.3);
	height: 1px;
    top: 50%;
    display: none;
}
.dynamicMemoItemBox{
	width: 340px;
	height: 180px;
	margin: 0 30px;
	float: left;
	display: none;
	position: absolute;
}
.dynamicMemoItemBox>.dynamic-memo-item{
	width: 340px;
	height: 180px;
	position: relative;
}
.dynamicMemoItemBox-up{
	top:50%;
	margin-top: -252px;
}
.dynamicMemoItemBox-down{
	top:50%;
	margin-top: 74px;
}
.dynamicMemoItemBox>.dynamic-memo-item>.timer-flag{
	width: 46px;
    height: 46px;
    border: 2px solid #eaeaea;
    position: absolute;
    left: 146px;
    border-radius: 50%;
    cursor: pointer;
}
.dynamicMemoItemBox-up>.dynamic-memo-item>.timer-flag{
	bottom: -97px;
}
.dynamicMemoItemBox-down>.dynamic-memo-item>.timer-flag{
	top: -109px;
}
.dynamicMemoItemBox-up>.dynamic-memo-item>.timer-flag>.timer-flag-arrow{
	border: 8px solid transparent;
    border-bottom: 5px solid #eaeaea;
    width: 0px;
    height: 0px;
    position: absolute;
    top: -14px;
    left: 15px;
}
.dynamicMemoItemBox-down>.dynamic-memo-item>.timer-flag>.timer-flag-arrow{
	width: 0px;
    height: 0px;
    border: 8px solid transparent;
    border-top: 5px solid #eaeaea;
    position: absolute;
    bottom: -14px;
    left: 15px;
}

.dynamicMemoItemBox>.dynamic-memo-item>.timer-flag>.detail{
	width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 3px solid #101010;
    background-color: #101010;
    font-size: 14px;
    color: #eaeaea;
    border-radius: 50%;
}

.dynamicMemoItemBox-up>.dynamic-memo-item>.timer-box{
	width: 100%;
	height: 55px;
	line-height: 55px;
	overflow: hidden;
	text-align: right;
	font-family: 'Arial';
	font-size: 20px;
}
.dynamicMemoItemBox-down>.dynamic-memo-item>.timer-box{
	width: 100%;
	height: 55px;
	line-height: 55px;
	overflow: hidden;
	text-align: right;
	font-family: 'Arial';
	font-size: 20px;
	position: absolute;
	bottom: 13px;
}
.dynamic-memo-item>.timer-box>.month{
	color: #dcdcdc;
	margin-right:6px;
}
.dynamic-memo-item>.timer-box>.day{
	color: #999999;	
	margin-right:4px;
}
.dynamic-memo-item>.timer-box>.time{
	color: #999999;	
	margin-right:4px;
}
.dynamic-memo-item>.data-box{
	width: 100%;
	height: 112px;
	overflow: hidden;	
	cursor: pointer;
}
.dynamic-memo-item>.data-box>.detail-box{
	width: auto;
	height: 100%;
	overflow: hidden;
	padding: 0 10px;
}
.dynamic-memo-item>.data-box>.detail-box>.text-box{
	line-height: 30px;
	height: 112px;
	width: 100%;
	overflow:hidden;
	font-size: 14px;
	font-family: 'Microsoft Yahei';
	color: #dcdcdc;
	white-space: normal;
    word-break: break-word;
    text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	-webkit-box-pack:center; 
	display:-moz-box; 
	-moz-box-orient:horizontal; 
	-moz-box-pack:center; 
	-moz-line-clamp: 3; 
	display:-o-box; 
	-o-box-orient:horizontal; 
	-o-box-pack:center; 
	-o-line-clamp: 3;
	display:-ms-box; 
	-ms-box-orient:horizontal; 
	-ms-box-pack:center; 
	-ms-line-clamp: 3;
	display:box; 
	box-orient:horizontal; 
	box-pack:center; 
	line-clamp: 3;
	transition:color 0.1s linear;
	-moz-transform:color 0.1s linear;
	-webkit-transform:color 0.1s linear;
	-o-transform:color 0.1s linear;
}
.dynamic-memo-item:hover>.data-box>.detail-box>.text-box{
	color: #FFF;
	transition:color 0.1s linear;
	-moz-transform:color 0.1s linear;
	-webkit-transform:color 0.1s linear;
	-o-transform:color 0.1s linear;
}
.dynamic-memo-item>.data-box>.img-box{
	width: 98px;
	height: 100%;
	overflow: hidden;
	float: right;
}

.dynamic-memo-item>.data-box>.img-box>.hex-img-box{
	margin-top: 7px;
	width: 85px;
	height: 98px;
	overflow: hidden;
	float: right;
}
.dynamic-memo-item>.data-box>.img-box>.normal-img-box{
	width: 85px;
	height: 85px;
	overflow: hidden;
	margin-top: 13px;
	float: right;
	background-repeat: no-repeat;
    background-position: center;
}
.dynamicMemoItemBox-up>.dynamic-memo-item>.spliter-down{
	width: 60px;
	height: 1px;
	background-color: #999;
	margin: 12px auto 0 auto;
	transition:width 0.1s linear;
	-moz-transform:width 0.1s linear;
	-webkit-transform:width 0.1s linear;
	-o-transform:width 0.1s linear;
}
.dynamicMemoItemBox-up>.dynamic-memo-item:hover>.spliter-down{
	width: 100%;
	height: 1px;
	background-color: #999;
	margin: 12px auto 0 auto;
	transition:width 0.2s linear;
	-moz-transform:width 0.2s linear;
	-webkit-transform:width 0.2s linear;
	-o-transform:width 0.2s linear;
}
.dynamicMemoItemBox-down>.dynamic-memo-item>.spliter-up{
	width: 60px;
	height: 1px;
	background-color: #999;
	margin: 12px auto 10px auto;
	transition:width 0.1s linear;
	-moz-transform:width 0.1s linear;
	-webkit-transform:width 0.1s linear;
	-o-transform:width 0.1s linear;
	
}
.dynamicMemoItemBox-down>.dynamic-memo-item:hover>.spliter-up{
	width: 100%;
	height: 1px;
	background-color: #999;
	margin: 12px auto 10px auto;
	transition:width 0.2s linear;
	-moz-transform:width 0.2s linear;
	-webkit-transform:width 0.2s linear;
	-o-transform:width 0.2s linear;	
}
.dynamicMemoItemBox>.dynamic-memo-item:hover>.timer-flag{
    border: 2px solid #dcdcdc;
}
.dynamicMemoItemBox-up>.dynamic-memo-item:hover>.timer-flag>.timer-flag-arrow{
	border: 8px solid transparent;
    border-bottom: 5px solid #dcdcdc;
}
.dynamicMemoItemBox-down>.dynamic-memo-item:hover>.timer-flag>.timer-flag-arrow{
    border: 8px solid transparent;
    border-top: 5px solid #dcdcdc;
}
.dynamicMemoItemBox>.dynamic-memo-item:hover>.timer-flag>.detail{
    border: 3px solid #101010;
    background-color: #dcdcdc;
    font-size: 14px;
    color: #101010;
    
}
.dynamicMemo-end-flag{
	width: 46px;
    height: 46px;
    border: 2px solid #eaeaea;
    position: absolute;
    left: 146px;
    border-radius: 50%;
    cursor: pointer;
    top: 50%;
    margin-top: -23px;
}
.dynamicMemo-end-flag>.detail{
	width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 3px solid #101010;
    background-color: #101010;
    font-size: 14px;
    color: #eaeaea;
    border-radius: 50%;
}
.dynamicMemo-end-flag>.detail_small{
	font-size: 13px;
}

.dynamic-sub-navi-lst>.hiveAlbumInfoBox{
	height: auto;
	/*width: 244px;*/
	width: 280px;
	margin: 0 0 20px 10px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.hiveAlbumInfoBox>.normal-panel{
	height: auto;
	width: 100%;
	overflow: hidden;
	/*color: #00a480;*/
	color: #dcdcdc;
}
.hiveAlbumInfoBox>.normal-panel>.captionBox>a{
	color: #dcdcdc;
}	
.hiveAlbumInfoBoxSelected{
	cursor: default!important;
}
.hiveAlbumInfoBoxSelected>.normal-panel{
	color: #00a480;
}
.hiveAlbumInfoBoxSelected>.normal-panel>.captionBox>a{
	color: #00a480;
}
.hiveAlbumInfoBox>.normal-panel>.captionBox{
	height: 38px;
	line-height: 38px;
	width: 100%;
	overflow: hidden;
	font-family: 'Microsoft Yahei';
	font-size: 16px;
	position: relative;
}
.hiveAlbumInfoBox>.normal-panel>.captionBox>.BtnDelete{
	
}
.hiveAlbumInfoBox>.normal-panel>.slidePanel{
	width: 100%;
	height: auto;
	/*overflow: hidden;*/
	display: none;
}
.hiveAlbumInfoBox>.normal-panel>.slidePanel>.infoBox{
	height: 32px;
	line-height: 32px;
	width: 99%;
	overflow: hidden;
	text-align: right;
	font-family: 'Microsoft Yahei';
	font-size: 12px;
	font-style: italic;
	border-top: 2px dotted #dcdcdc;
}
.hiveAlbumInfoBoxSelected>.normal-panel>.slidePanel>.infoBox{
	border-top: 2px dotted #00a480;
}
.hiveAlbumInfoBox>.normal-panel>.slidePanel>.descriptionBox{
	height: auto;
	line-height: 26px;
	width: 100%;
	overflow: hidden;
	font-family: 'Microsoft Yahei';
	font-size: 12px;
	margin-top: -6px;
	font-style: italic;
}
.hiveAlbumInfoBox>.normal-panel>.slidePanel>.btnBox{
	height: 50px;
	width: 100%;
	/*overflow: hidden;*/
	margin-top: 10px;
}
.uploadContainer{
	display: none;
}
.hiveAlbumInfoBox>.normal-panel>.slidePanel>.btnBox>.btn{
	height: 46px;
	width: 46px;
	border-radius: 50%;
	border: 2px solid rgba(220,220,220,0.3);
	float: left;
	margin-right: 14px;
	cursor: pointer;
	position: relative;
}
.btnHiveUpload{
	background:url('./../Images/U/v2icons.png') -2px -77px;
}
.btnHiveUpload:hover{
	background:url('./../Images/U/v2icons.png') -2px -127px;
	background-color: rgba(0,0,0,0.6);
	border: 2px solid rgba(0,190,153,0.6)!important;
}
.btnHiveEdit{
	background:url('./../Images/U/v2icons.png') -52px -77px;
}
.btnHiveEdit:hover{
	background:url('./../Images/U/v2icons.png') -52px -127px;
	background-color: rgba(0,0,0,0.6);
	border: 2px solid rgba(255,174,0,0.6)!important;
}
.btnHiveSns{
	background:url('./../Images/U/v2icons.png') -102px -77px;
}
.btnHiveSns:hover{
	background:url('./../Images/U/v2icons.png') -102px -127px;
	background-color: rgba(0,0,0,0.6);
	border: 2px solid rgba(213,43,42,0.6)!important;
}
.btnHiveLike{
	background:url('./../Images/U/v2icons.png') 0 -177px;
}
.btnHiveLike:hover{
	background:url('./../Images/U/v2icons.png') 0 -227px;
	background-color: rgba(0,0,0,0.6);
	border: 2px solid rgba(0,190,153,0.6)!important;
}
.btnHiveLiked{
	background:url('./../Images/U/v2icons.png') 0 -227px;
	background-color: rgba(0,0,0,0.6);
	border: 2px solid rgba(0,190,153,0.6)!important;
}
.btnHiveFav{
	background:url('./../Images/U/v2icons.png') -52px -177px;
}
.btnHiveFav:hover{
	background:url('./../Images/U/v2icons.png') -52px -227px;
	background-color: rgba(0,0,0,0.6);
	border: 2px solid rgba(255,174,0,0.6)!important;
}
.btnHiveCopyURL{
	background:url('./../Images/U/v2icons.png') -102px -177px;
}
.btnHiveCopyURL:hover{
	background:url('./../Images/U/v2icons.png') -102px -227px;
	background-color: rgba(0,0,0,0.6);
	border: 2px solid rgba(255,174,0,0.6)!important;
}
.btnHiveDelete{
	width: 11px;
	height: 11px;
	overflow: hidden;
	background:url('./../Images/U/v2icons.png') -150px 0;
	float: right;
	margin: 14px 0 0 0;
	display: none;
	cursor: pointer;
}
.btnHiveDelete:hover{
	background:url('./../Images/U/v2icons.png') -150px -15px;	
}
.dynamic-hiveItem-panel{
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.dynamic-hiveItem-containter{
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: relative;
	padding-bottom: 20px;
	padding-left: 16px;
}
.dynamic-hiveItem{
	/*overflow: hidden;*/
	float: left;
	position: relative;
	display: none;
	margin: 0 10px;
}
.dynamic-hiveItem_clickable{
	cursor: pointer;
}
.dynamic-hive-placeholder{
	overflow: hidden;
	float: left;
	position: relative;
	margin: 0 10px;
}
.hiveItem-buttons{
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 30;
	overflow: hidden;
	display: none;
	margin-top: -20px;
	height: 40px;
	width: 100%;
	left: 50%;
}
.hiveItem-buttons-1{
	margin-left: -21px;
}
.hiveItem-buttons-3{
	left: 50%;
	margin-left: -63px;
	width: 126px;	
}
.hiveItem-data{
	overflow: hidden;
	position: relative;
}
.hiveItemBtn{
	width: 36px;
	height: 40px;
	overflow: hidden;
	float: left;
	margin: 0 3px;
	cursor: pointer;
	position: relative;
}
.hiveItemBtn-move{
	background:url('./../Images/U/v2icons.png') -165px -41px;
}
.hiveItemBtn-move:hover{
	background:url('./../Images/U/v2icons.png') -165px 0;	
}
.hiveItemBtn-delete{
	background:url('./../Images/U/v2icons.png') -238px -41px;	
}
.hiveItemBtn-delete:hover{
	background:url('./../Images/U/v2icons.png') -238px 0;	
}
.hiveItemBtn-view{
	background:url('./../Images/U/v2icons.png') -202px -41px;	
}
.hiveItemBtn-view:hover{
	background:url('./../Images/U/v2icons.png') -202px 0;	
}
.hiveItem-buttons-1>.hiveItemBtn-view{
	background:url('./../Images/U/v2icons.png') -202px 0!important;	
}

.editHiveAlbumPanel{
	height: 48px;
	width: 284px;
	overflow: hidden;
	margin-left: 10px;
	margin-bottom: 20px;
	position: relative;
}
.editHiveAlbumPanel>.border{
	height: 44px;
	width: 280px;
    border: 2px solid rgba(220,220,220,0.3);
	transition:height 0.1s linear;
	-moz-transform:height 0.1s linear;
	-webkit-transform:height 0.1s linear;
	-o-transform:height 0.1s linear;
	overflow: hidden;
}
.editHiveAlbumPanel>.border>.closePanel{
	height: 24px;
    line-height: 24px;
    padding: 10px 0 10px 44px;
    width: 236px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    font-family: 'Microsoft Yahei';
    color: #dcdcdc;
    position: relative;
}

.editHiveAlbumPanel>.border>.closePanel>i{
	width: 22px;
    height: 24px;
    background: url('./../Images/U/v2icons.png') -165px -100px;
    position: absolute;
    display: block;
    left: 50%;
    margin-left: -46px;
}
.editHiveAlbumPanel:hover>.border{
	border: 2px solid #00a480;
}
.editHiveAlbumPanel:hover>.border>.closePanel{
	background-color: #00a480;
	color: #fff;
}
.editHiveAlbumPanel:hover>.border>.closePanel>i{
	background:url('./../Images/U/v2icons.png') -165px -150px;	
}
.editHiveAlbumPanel_open{
	height: 232px;
}
.editHiveAlbumPanel_open>.border{
	height: 228px;
	border: 2px solid #343434!important;
	transition:height 0.2s linear;
	-moz-transform:height 0.2s linear;
	-webkit-transform:height 0.2s linear;
	-o-transform:height 0.2s linear;
}
.editHiveAlbumPanel>.border>.openPanel{
	display: none;
	width: 100%;
	height: 228px;
}
.editHiveAlbumPanel>.border>.openPanel>.row{
	width: 100%;
	height: 44px;
	border-bottom: 2px dotted rgba(220,220,220,0.3);
}
.editHiveAlbumPanel>.border>.openPanel>.lastRow{
	border-bottom: none;
}
.editHiveAlbumPanel>.border>.openPanel>.row>.title{
	width: 48px;
	height: 44px;
	line-height: 44px;
	overflow: hidden;
	text-align: center;
	font-size: 14px;
	font-family: 'Microsoft Yahei';
	color: #999;
	float: left;
}
.editHiveAlbumPanel>.border>.openPanel>.row>.tail{
	width: 33px;
	height: 44px;
	line-height: 44px;
	overflow: hidden;
	text-align: center;
	font-size: 14px;
	font-family: 'Arial';
	color: #666;
	float: right;
}
.editHiveAlbumPanel>.border>.openPanel>.row>.main{
	float: left;	
	height: 22px;
	margin-top: 11px;
	width: 199px;
}
.editHiveAlbumPanel>.border>.openPanel>.row>.main>input{
	height: 22px;
    line-height: 22px;
    width: 199px;
    border: none;
    background-color: transparent;
    color: #00be99;
}
.editHiveAlbumPanel>.border>.openPanel>.row>.main>input::-webkit-input-placeholder{
	height: 22px;
    line-height: 22px;
    color: #555;
    font-size: 9px;
    font-style: italic;
}
.editHiveAlbumPanel>.border>.openPanel>.row>.buttonBox{
	width: 50%;
	height: 44px;
	line-height: 44px;
	overflow: hidden;
	font-size: 12px;
	font-family: 'Microsoft Yahei';
	font-weight: bold;
	float: left;
	cursor: pointer;
}
.editHiveAlbumPanel>.border>.openPanel>.row>.buttonBox>.clickBtn{
	width: 12px;
	height: 12px;
	overflow: hidden;
	border: 2px solid rgba(220,220,220,0.3);
	margin: 14px 6px 0 10px;
	float: left;
}
.editHiveAlbumPanel>.border>.openPanel>.row>.buttonBox>.clickBtn>.mark{
	width: 6px;
	height: 6px;
	overflow: hidden;
	margin: 3px;
	background-color: #00be99;
}
.editHiveAlbumPanel>.border>.openPanel>.row>.button{
	width: 131px;
	height: 32px;
	line-height: 32px;
	margin: 6px 0 0 6px;
	background-color: #333;
	cursor: pointer;
	float: left;
	font-size: 12px;
	font-family: 'Microsoft Yahei';
	font-weight: bold;
	color: #fff;
	position: relative;
	text-align: center;
}
.editHiveAlbumPanel>.border>.openPanel>.row>.btnCancel{

}
.editHiveAlbumPanel>.border>.openPanel>.row>.btnOk{
	background-color: #00a480;
}

.editHiveAlbumPanel>.border>.openPanel>.row>.btnCancel>i{
	width: 10px;
	height: 10px;
	top: 11px;
	background:url('./../Images/U/v2icons.png') -165px -175px;	
	display: inline-block;
	margin-right: 6px;
}
.editHiveAlbumPanel>.border>.openPanel>.row>.btnOk>i{
	width: 14px;
	height: 10px;
	top: 11px;
	background:url('./../Images/U/v2icons.png') -165px -200px;	
	display: inline-block;
	margin-right: 6px;
}
.editHiveAlbumPanel>.border>.openPanel>.row>.btnCancel:hover{
	background-color: #424242;
}
.editHiveAlbumPanel>.border>.openPanel>.row>.btnOk:hover{
	background-color: #00be99;
}
.editHiveAlbumPanelLoadingMask{
	position: absolute;
	top: 0;
	left:0;
	background-color: rgba(0,0,0,0.8);
	width: 100%;
	height: 100%;
	z-index: 10;
	display: none;
}
.editHiveAlbumPanelLoadingMask>div{
	width: 30px;
	height: 30px;
	overflow: hidden;
	background:url('./../Images/loading_min2.gif');	
	top:50%;
	margin-top: -30px;
	left:50%;
	margin-left: -15px;
	position: relative;
}
.editHiveAlbumPanelLoadingMask>span{
    position: relative;
    margin-top: 44%;
    display: block;
    text-align: center;
    color: #00be99;
}
.dlg_hive_image_editor_masker {
	width: 100%;
	height: 100%;
	position: fixed;
	top:0;
	left:0;
	background-image: url('./../Images/black80.png');
	z-index: 9999;
	overflow: auto;
	display: none;
}
.dlg_hive_image_editor_containter{
	width: 782px;
	border-style: solid;
	border-radius: 6px;
	border-width: 5px;
	border-color:rgba(0,0,0,0.5);
	z-index: 99999999;
	margin: 40px auto;
}
.dlg_hive_image_editor_containter_detail{
	background-color: white;
	border-radius: 3px;
	width: 782px;
	/*height:100%;*/
}
.dlg_hive_image_editor_detail_containter{
	height:466px;
}
.dlg_hive_image_editor_title{
	width: 742px;
	height: 63px;
	padding-top: 14px;
	border-bottom: 1px dotted #a0a0a0;
	font-size: 14px;
	font-weight: bold;
	line-height: 49px;
	padding-left: 40px;
}
.dlg_hive_image_editor_detail_image {
	margin-top:20px;
	margin-left:40px;
	width: 420px;
	height:420px;
	border: 2px solid #e6e6e6;
	float: left;
	background-color: white;
}
.dlg_hive_image_editor_upload{
	margin: 6px 6px;
	width: 408px;
	height:408px;
	background-color: #e5e5e5;
	overflow: hidden;
}
.dlg_hive_image_editor_upload_image{
	margin-left:auto;
	margin-right:auto;
	margin-top:103px;
	width: 104px;
	height:138px;
	background:url('./../Images/upload_image.png');
}
.dlg_hive_image_editor_preview_containter {
	margin-left:72px;
	margin-top:58px;
	float: left;
}
.dlg_hive_image_editor_preview_title {
	margin-top:30px;
	color:#999999;
	font-weight: bold;
	font-size:14px;
	text-align: center;
}
.dlg_hive_image_editor_preview_area{
	width:180px;
	height: 200px;
	margin-top:20px;
	position: relative;
} 
.hive_image_preview{
	width:180px;
	height: 200px;
	background:url('./../Images/trans_bg.png');
	margin-bottom: 10px;
	overflow: hidden;
}
.dlg_hive_image_editor_upload_btn{
	border-radius: 3px;
	width: 70px;
	height:35px;
	line-height:35px;
	font-size: 14px;
	color:white;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	margin-left:auto;
	margin-right:auto;
	margin-top: 10px;
	background-color: #00ae89;
}
.dlg_hive_image_editor_upload_btn:hover{
	background-color: #00886c;
}
.dlg_hive_image_editor_upload_help {
	color:#b5b5b5;
	font-weight: bold;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	margin-top: 20px;
	font-size: 14px;
}
.dlg_hive_image_editor_detail2_containter{
	height:174px;
	border-top: 1px dotted #a0a0a0;
	overflow: hidden;
}
.hive_image_uploading{
	margin: 6px 6px;
	width: 408px;
	height:408px;
	background-color: #e5e5e5;
	overflow: hidden;
	display: none;
}
.hive_image_setting{
	margin: 6px 6px;
	width: 408px;
	height:408px;
	background-color: #e5e5e5;
	overflow: hidden;
	display: none;
}
.hive_uploaded_image_list_containter{
	margin: 14px 20px 20px 20px;
}
.hive_uploaded_image_list_title{
	font-weight: bold;
	float: left;
	font-size: 12px;
	color: #989898;
}
.btn_reupload_hive_image{
	font-weight: bold;
	float: right;
	font-size: 12px;
	color: #00be99;
	cursor: pointer;
}
.dlg_hive_image_editor_detail_buttons{
	border-radius: 3px;
	width: 782px;
	height:60px;
	background-color: #00a481;
}
.dlg_hive_image_editor_detail_btn{
	border-radius: 3px;
	width: 70px;
	height:35px;
	line-height:35px;
	font-size: 14px;
	color:white;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	float: left;
	margin-top: 13px;
}
.dlg_hive_image_editor_detail_btn_cancel{
	background-color: #016e57;
	margin-left: 310px;
}
.dlg_hive_image_editor_detail_btn:hover{
	background-color: #00886c;
}
.dlg_hive_image_editor_detail_ok{
	background-color: #016e57;
	margin-left: 40px;
}
.phomeLoadingMask{
	width: 100%;
	height:100%;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.88);	
	z-index: 1000000;
	display: none;
}
.phomeLoadingMask>.loading-icon-box{
	width: 97px;
    height: 108px;
    margin: -88px 0 0 -54px;  /* marginTop: -1*height/2 - 4x; */
    position: relative;
    left: 50%;
    top: 50%;    
}
.phomeLoadingMask>.loading-icon-box>.loading-icon-border{
	width: 97px;
	height: 108px;
	background: url('./../Images/U/init-loading-icon.png') 0 0 no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	/* Normal: */
	animation: loading-icon-border-keyframe 8s linear 0.5s infinite normal;
	/* Firefox: */
	-moz-animation: loading-icon-border-keyframe 8s linear 0.5s infinite normal;
	/* Safari 和 Chrome: */
	-webkit-animation: loading-icon-border-keyframe 8s linear 0.5s infinite normal;
	/* Opera: */
	-o-animation: loading-icon-border-keyframe 8s linear 0.5s infinite normal;
}
.phomeLoadingMask>.loading-icon-box>.loading-icon-main{
	width: 65px;
	height: 65px;
	margin: -38px 0 0 -33px;
	background: url('./../Images/U/init-loading-icon.png') -97px 0 no-repeat;
	position: absolute;
	left: 50%;
	top: 50%;
	/* Normal: */
	animation: loading-icon-main-keyframe 4s linear 0.5s infinite Normal;
	/* Firefox: */
	-moz-animation: loading-icon-main-keyframe 4s linear 0.5s infinite Normal;
	/* Safari 和 Chrome: */
	-webkit-animation: loading-icon-main-keyframe 4s linear 0.5s infinite Normal;
	/* Opera: */
	-o-animation: loading-icon-main-keyframe 4s linear 0.5s infinite Normal;
}
.phomeLoadingMask>.loading-title{
	font-family: "Microsoft Yahei";
	font-size: 18px;
	color: #00be99;
	line-height: 46px;
	text-align: center;
	position: relative;
	top: 50%;
	margin-top: 4px;
}


.hive_item_snap{
	width: 50%;
    height: 152px;
    position: absolute;
    left: -10px;
    top: 50%;
    z-index: 1;
    margin-top: -76px;
}
.hive_item_snap span{
	width: 3px;
    height: 94px;
    display: block;
    position: relative;
    /*left: 50%;*/
    top: 50%;
    margin-top: -47px;
    /*margin-left: -11px;*/
}
.hive_item_snap_hover{
	/*background-color: red;*/
}
.hive_item_snap_hover span{
	background-color: #00be99;	
}


.hive_item_snap_r{
	width: 100%;
    height: 152px;
    position: absolute;
    right: -50%;
    top: 50%;
    z-index: 29;
    margin-top: -76px;
}
.hive_item_snap_r span{
	width: 3px;
    height: 94px;
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    margin-top: -47px;
    margin-left: 9px;
}
.hive_item_snap_r_hover{
	/*background-color: red;*/
}
.hive_item_snap_r_hover span{
	background-color: #00be99;	
}
.editHiveAlbumPanel_mode_edit{
	display: none;
}
.dynamic-favItem-panel{
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.dynamic-favItem-containter{
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: relative;
	padding:10px 10px 0 10px;
}
.fav_data_box{
	width: 15.4%;
  	margin: 0.6%;
	float: left;
	/*border-radius: 5px;*/
	background: url('./../Images/trans_bg_black.png');
	position: relative;
	cursor: pointer;
	text-align: left;
}
.fav_data_img_box{
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	overflow: hidden;
}
.fav_data_detail_box{
	width: 92%;
	height: 92%;
	position: absolute;
/*	display: none;*/
	background: url('./../Images/black85.png'); 
	top: 0;
	/*border-radius: 4px;*/
	padding: 4%;
	opacity: 0;	
	transition:opacity 0.1s linear;
	-moz-transform:opacity 0.1s linear;
	-webkit-transform:opacity 0.1s linear;
	-o-transform:opacity 0.1s linear;
}
.fav_data_box:hover>.fav_data_detail_box{
	/*display: block;*/
	opacity: 1;	
	transition:opacity 0.1s linear;
	-moz-transform:opacity 0.1s linear;
	-webkit-transform:opacity 0.1s linear;
	-o-transform:opacity 0.1s linear;
}
.fav_data_img{
	/*width:190px;*/
	width:100%;
	/*border-radius: 5px;*/
}
.fav_data_surface_title{
	color:#999999;
	width: 100%;
	font-size: 14px;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	word-break: break-all;
	word-wrap: break-word;
}
.fav_data_author_nick{
	color:#999999;
	width: 100%;
	font-size: 14px;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	word-break: break-all;
	word-wrap: break-word;
	margin-top: 8px;
}
.fav_data_cat{
	color:#666666;
	width: 100%;
	font-size: 14px;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	word-break: break-all;
	word-wrap: break-word;
	margin-top: 8px;
}
.fav_data_detail{
	width: 100%;
	height: 70px;
	font-size: 14px;
	line-height: 24px;
	color: #666666;
	margin-top: 5px;
	word-break: break-all;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.fav_data_date{
	color:#666666;
	width: 85px;
	font-size: 14px;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	word-break: break-all;
	word-wrap: break-word;
	bottom: 4%;
	position: absolute;
}
.fav_data_img_cnt{
	color:#666666;
	width: 85px;
	font-size: 14px;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	word-break: break-all;
	word-wrap: break-word;
	bottom: 4%;
	right: 4%;
	position: absolute;
	text-align: right;
}
.scrollLoadingMore{
	text-align: center;
	width: 100%;
	height: 34px;
	line-height: 34px;
	margin-bottom: 17px;
	overflow: hidden;
	color: #00be99;
	font-size: 18px;
	font-family: 'Microsoft Yahei';
}
.dynamic-followItem-panel{
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.dynamic-followItem-containter{
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: relative;
	padding:10px 10px 0 10px;
}
.dynamic-followUser-panel{
	width: 18.8%;
	margin: 0.6%;
	background-color: red;
	float: left;
	overflow: hidden;
	position: relative;
}
.dynamic-followUser-panel>.placeholder{
	height: 0;
	padding-bottom: 100%;
}
.dynamic-followUser-panel>.dynamic-followUser-containter{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.dynamic-roleItem-panel{
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.dynamic-roleItem-containter{
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: relative;
	padding:10px 10px 0 10px;
}
.dynamic-roleItem-box{
	width: 240px;
	height: auto;
	float: left;
	margin: 10px;
}
.hiveUrlPanel{
	width: 277px;
	height: 32px;
	position: absolute;
	top: -49px;
	left: -66px;
	/*overflow: hidden;*/
	background-color: rgb(255,174,0);
	display: none;
}
.hiveUrlPanel_urlbox{
	width: 227px;
	height: 22px;
	line-height: 22px;
	background-color: #333;
	color: #fff;
	font-size: 14px;
	border: 0;
	margin: 5px 5px;
	padding: 0 6px;
	cursor: text;
	float: left;
}
.hiveUrlPanel_close{
	background: url('./../Images/unfo.png') no-repeat;
	background-position: center;
	background-color: rgb(255,174,0);
	width: 22px;
	height: 22px;
	cursor: pointer;
	float: left;
	margin-top: 5px;
}
.hiveUrlPanel_close:hover{
	background-color:  #fdca5c;
}
.hiveUrlPanelArrow{
	display: block;
	width: 0;
	height: 0;
	border-width: 6px 9px 0;
	border-style: solid;
	border-color: rgb(255,174,0) transparent transparent;
	position: absolute;
	top: 32px;
	left: 80px;
}

.fontCover-hiveItem-panel{
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.fontCover-hiveItem-containter{
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: relative;
	margin: 0 auto;
}
.fontCover-hiveItem{
	/*overflow: hidden;*/
	float: left;
	position: relative;
	display: none;
	margin: 0 10px;
}
.fontCover-hive-placeholder{
	overflow: hidden;
	float: left;
	position: relative;
	margin: 0 10px;
}
.phomePublishBtnMask{
	width: 100%;
	height:100%;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.88);	
	z-index: 1000000;
	display: none;
}
#btn-main-edit-canola:hover{
	background-color: rgba(255,255,255,0.2);	
}
#btn-main-edit-memo:hover{
	background-color: rgba(255,255,255,0.2);	
}
#btn-main-follow:hover{
	background-color: rgba(255,255,255,0.2);	
}
#btn-main-umail:hover{
	background-color: rgba(255,255,255,0.2);		
}
#btn-shortcut-edit-canola:hover{
	background-color: rgba(255,255,255,0.2);	
}
#btn-shortcut-edit-memo:hover{
	background-color: rgba(255,255,255,0.2);	
}
#btn-shortcut-follow:hover{
	background-color: rgba(255,255,255,0.2);	
}
#btn-shortcut-umail:hover{
	background-color: rgba(255,255,255,0.2);		
}
.phome_publishBtn_close>.phome_publishBtn_close_icon{
	width: 25px;
	height: 25px;
	line-height: 25px;
	background: url('./../Images/LT/publish_close.png') no-repeat;
	cursor: pointer;
	float: right;
	top: 50%;
	left: 50%;
	position: absolute;
	margin: -12.5px -12.5px;
	z-index: 10;
}
.phome_publishBtn_close:hover>.phome_publishBtn_close_icon{
	background:url('./../Images/LT/publish_close_hover.png') no-repeat ;
}
.phomeEditMemoPanel{
	width: 100%;
	height:100%;
	overflow-y: scroll;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.88);	
	z-index: 1000000;
	display: none;
}
.phomeEditMemoPanel>.memo_editor_box{
	width: 560px;
	min-height: 140px;
	margin: 46px auto 0 auto;
	position: relative;
}
.phomeEditMemoPanel>.phomeEditMemoPanel_close{
	background: url('./../Images/public_close.png') center no-repeat;
	height: 26px;
	width: 26px;
	position: absolute;
	right: 12px;
	top: 10px;
	cursor: pointer;
	z-index: 99999990;
}
.phomeEditMemoPanel>.phomeEditMemoPanel_close:hover{
	background: url('./../Images/public_close_mouseIn.png') center no-repeat;
}
.btn-main-follow-none>.icon-follow{
	background: url('./../Images/followStatus.png') 0 -20px no-repeat!important;
	width: 16px;
	height: 16px;
	margin-top: 14px!important;
}
.btn-main-follow-following>.icon-follow{
	background: url('./../Images/followStatus.png') -40px -20px no-repeat!important;
	width: 14px;
	height: 10px;
	margin-top: 18px!important;
    margin-left: 64px!important;
}
.btn-main-follow-followEach>.icon-follow{
	background: url('./../Images/followStatus.png') -20px -20px no-repeat!important;
	width: 13px;
	height: 12px;
	margin-top: 16px!important;
    margin-left: 64px!important;
}
.btn-main-follow-cancel>.icon-follow{
	background: url('./../Images/followStatus.png') -60px -20px no-repeat!important;
	width: 13px;
	height: 12px;
	margin-top: 18px!important;
    margin-left: 66px!important;
}
.btn-main-follow-busy>.icon-follow{
	display: none;
}
.btn-main-follow-busy>.caption{
	margin-left: 84px!important;
}
.btn-shortcut-follow-none>.icon-follow{
	background: url('./../Images/v2icons.png') -70px -30px no-repeat!important;
	width: 18px;
	height: 18px;
}
.btn-shortcut-follow-following>.icon-follow{
	background: url('./../Images/followStatus.png') -40px -20px no-repeat!important;
	width: 14px;
	height: 10px;
	margin-top: 20px!important;
    margin-left: 18px!important;
}
.btn-shortcut-follow-followEach>.icon-follow{
	background: url('./../Images/followStatus.png') -20px -20px no-repeat!important;
	width: 13px;
	height: 12px;
	margin-top: 19px!important;
    margin-left: 18px!important;
}
.btn-shortcut-follow-cancel>.icon-follow{
	background: url('./../Images/followStatus.png') -60px -20px no-repeat!important;
	width: 13px;
	height: 12px;
	margin-top: 20px!important;
    margin-left: 20px!important;
}
.btn-shortcut-follow-busy>.icon-follow{
	display: none;
}
.left-navi-bar>.info-button-box:hover>.button>.border{
	background-color: #fc332c;
}
.left-navi-bar>.info-button-box:hover>.button>.icon{
	background: url('./../Images/U/v2icons.png') -201px -100px;
}
.left-navi-bar>.info-button-box-selected>.button>.border{
	background-color: #fc332c!important;
}
.left-navi-bar>.info-button-box-selected>.button>.icon{
	background: url('./../Images/U/v2icons.png') -201px -100px!important;
}
.left-navi-bar>.info-button-box-selected:hover>.button>.border{
	background-color: #fc332c!important;
}
.left-navi-bar>.info-button-box-selected:hover>.button>.icon{
	background: url('./../Images/U/v2icons.png') -201px -100px!important;
}
.user-detail-info-box{
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin-left: 8px;
	padding-bottom: 20px;
}
.user-detail-info-box>.user-image-box{
	width: 150px;
	height: 150px;
	overflow: hidden;
	margin: 58px auto 52px auto;
	border-radius: 50%;
	background: url('./../Images/user_default_image.png') no-repeat center;
	background-size: 153px 153px;
}
.user-detail-info-box>.btns-box{
	width: 318px;
	height: 34px;
	overflow: hidden;
	margin: 0 auto;
}
.user-detail-info-box>.btns-box>.btn{
	width: 92px;
	height: 30px;
	line-height: 30px;
	border: 2px solid rgba(220,220,220,0.3);
	text-align: center;
	color: #dcdcdc;
	font-size: 14px;
	font-weight: bold;
	border-radius: 40px;
	cursor: pointer;
	background-color: rgba(0,0,0,0.3);
}
.user-detail-info-box>.btns-box>.btn:hover{
	background-color: rgba(220,220,220,0.2);
}
.user-detail-info-box>.btns-box>.btn-edit-user-image{
	float: left;
}
.user-detail-info-box>.btns-box>.btn-edit-user-bg{
	float: left;
	margin: 0 15px;
}
.user-detail-info-box>.btns-box>.btn-edit-user-info{
	float: left;
}
.user-detail-info-box>.btns-box>.btn-cancel-edit-info{
	float: left;
	margin-left:50px;
	display: none;
}
.user-detail-info-box>.btns-box>.btn-save-user-info{
	float: right;
	margin-right:50px;
	display: none;
}
.user-detail-info-box>.intro-box{
	width: 315px;
	height: auto;
	margin: 26px auto 0 auto;
	position: relative;
	min-height: 38px;
	line-height: 40px;
}
.user-detail-info-box>.intro-box>.left_mark{
	font-size: 50px;
	color: #999;
	position: absolute;
	top: 0;
	left: -25px;
}
.user-detail-info-box>.intro-box>.right_mark{
	font-size: 50px;	
	color: #999;
	position: absolute;
	bottom: 0;
	right: -25px;
}
.user-detail-info-box>.intro-box>.textarea{
	width: 302px;
	height: 100%;
	overflow: hidden;
	word-wrap:break-word;
	word-wrap:break-all;
	font-size: 14px;
	color: #dcdcdc;
	font-weight: bold;
	line-height: 40px;
	background: url('./../Images/U/textline.png');
	padding: 0 6px;
	outline:none;
}
.user-detail-info-box>.intro-box>.textarea-editable{
	background: url('./../Images/U/textline_dark.png');
	background-color: #fff;
	color: #333;
}

.user-detail-info-box>.intro-box>.textarea>.fw{
	color: #fff;
}
.user-detail-info-box>.info-caption-box{
	width: 89%;
	height: 34px;
	margin-top: 40px;
	margin-left: 22px;
	margin-bottom: 14px;
	border-bottom: 1px solid rgba(220,220,220,0.3);
}
.user-detail-info-box>.info-caption-box>.icon{
	width: 21px;
	height: 15px;
	background: url('./../Images/U/v2icons.png') -238px -100px!important;
	float: left;
}
.user-detail-info-box>.info-caption-box>.text{
	width: auto;
	height: 15px;
	line-height: 15px;
	font-size: 14px;
	color: #999999;
	float: left;
	margin-left: 6px;
	font-weight: bold;
}
.user-detail-info-box>.data-line{
	min-height: 52px;
	line-height: 52px;
	width: 90%;
    margin-left: 22px;
}
.user-detail-info-box>.data-line>.caption-cell{
	width: 80px;
	height: 52px;
	line-height: 52px;
	float: left;
	font-size: 14px;
	color: #999;
	font-weight: bold;
	text-align: left;
}
.user-detail-info-box>.data-line>.detail-cell{
	height: 52px;
	line-height: 52px;
	float: left;
	font-size: 14px;
	color: #666;
	font-weight: bold;
	text-align: left;
	width: 280px;
}
.user-detail-info-box-bg{
	background-color:#090909;
}
.user-detail-info-box>.data-line>.detail-cell>input{
	width: 260px;
	height: 35px;
	line-height: 35px;
	color: #666666;
	font-weight: bold;
	overflow: hidden;
	padding: 0 10px;
	background-color: #fff;
	border:0;
	font-size: 14px;
}
.input-static-readonly{
	background-color: transparent!important;
	cursor: text;
	color: #dcdcdc!important;
}

.phome_user_detail_info_dropdownbox{
	width: 260px;
	height: 35px;
	line-height: 35px;
	background-color: #fff;
	color: #666;
	font-size: 14px;
	font-weight: bold;
	padding: 0 10px 0 10px;
	float: left;
	border: 0;
	/*border-radius: 5px;*/
	position: relative;
	cursor: pointer;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
	margin-top: 9px;
}
.phome_user_detail_info_dropdownbox:hover{
	/*background-color: #3c3c3c;*/
	color: #333;
}
.phome_user_detail_info_dropdownbox_expend{
	background-color: #fff;
	color: #666;
}
.phome_user_detail_info_dropdownbox_expend:hover{
	background-color: #fff;
	color: #666;
}
.profile_dropdownbox_arrow_down{
	width: 13px;
	height: 35px;
	background: url('./../Images/profile/arrow_down.png') no-repeat center;
	float: right;
	cursor: pointer;
}
.profile_dropdownbox_arrow_up{
	background: url('./../Images/profile/arrow_up.png') no-repeat center;
}
.phome_user_detail_info_dropdownbox_list{
	position: absolute;
	top: 38px;
	left: 0;
	background-color: #333;
	width: 100%;
	max-height: 315px;
	min-height: 35px;
	z-index: 10;
	/*border-radius: 5px;*/
	padding: 0;
	margin: 0;
	display: none;
	overflow: hidden;
}
.phome_user_detail_info_dropdownbox_text{
	display: inline-block;
	width: auto;
	height: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
	word-break: break-all;
	word-wrap: break-word;
	white-space:nowrap;
}
.phome_user_detail_info_dropdownbox_list li{
	display: block;
	float: none;
	padding-left: 5px;
	margin: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
	word-break: break-all;
	word-wrap: break-word;
	white-space:nowrap;
}
.phome_user_detail_info_dropdownbox_list li:hover{
	background-color: #282828;
	border-radius: 5px;
	color: #999;
}
.phome_user_detail_info_dropdownbox_lock{
	background-color: transparent!important;
	color: #dcdcdc!important;
	cursor: text!important;
}
.phome_user_detail_info_dropdownbox_lock:hover{
	background-color: transparent!important;
	color: #dcdcdc!important;
}
.phome_user_detail_info_dropdownbox_lock>.profile_dropdownbox_arrow_down{
	display: none!important;
}
.btn_modPWD{
	display: inline;
	cursor: pointer;
	font-size: 13px;
}
.btn_modPWD:hover{
	text-decoration: underline;
}
.phomeModPwdMask{
	width: 100%;
	height:100%;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.88);	
	z-index: 999999;
	display: none;
}
.phomeModPwdMask>.dialogModPwd{
	width: 480px;
	height: 300px;
	overflow: hidden;
	position: relative;
	top: 50%;
	margin: -150px auto 0 auto;
	border-radius: 5px;
}
.phomeModPwdMask>.dialogModPwd>.dialogBox{
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 4px;
}
.phomeModPwdMask>.dialogModPwd>.dialogBox>.head{
	width: 100%;
	height: 38px;
	line-height: 38px;
	overflow: hidden;
	padding: 0 14px;
	background-color: #303030;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
.phomeModPwdMask>.dialogModPwd>.dialogBox>.body{
	width: 100%;
	height: 190px;
	background-color: #fff;
	overflow: hidden;
}
.phomeModPwdMask>.dialogModPwd>.dialogBox>.foot{
	width: 100%;
	height: 55px;
	line-height: 55px;
	overflow: hidden;
	background-color: #eeeeee;
}
.phomeModPwdMask>.dialogModPwd>.dialogBox>.foot>.btn {
  border-radius: 3px;
  width: 60px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: white;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  margin-top: 13px;
}
.phomeModPwdMask>.dialogModPwd>.dialogBox>.foot>.btn_cancel_modPwd{
	background-color: #00a480;
	float: left;
	margin-left:150px;
}
.phomeModPwdMask>.dialogModPwd>.dialogBox>.foot>.btn_cancel_modPwd:hover{
	background-color: #00be99;
}
.phomeModPwdMask>.dialogModPwd>.dialogBox>.foot>.btn_submit_modPwd{
	background-color: #4d4d4d;
	float: right;
	margin-right:150px;
}
.phomeModPwdMask>.dialogModPwd>.dialogBox>.foot>.btn_submit_modPwd:hover{
	background-color: #666666;
}
.phomeModPwdMask>.dialogModPwd>.dialogBox>.body>.data-line{
	width: 360px;
	height: 35px;
	margin: 0 auto 17px auto;
}
.phomeModPwdMask>.dialogModPwd>.dialogBox>.body>.data-line>.caption{
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	color: #666;
	font-weight: bold;
	text-align: right;
	width: 80px;
	padding-right: 10px;
	display: inline-block;
}
.phomeModPwdMask>.dialogModPwd>.dialogBox>.body>.data-line>.detail>input{
	width: 220px;
	height: 28px;
	line-height: 28px;
	color: #666666;
	font-weight: bold;
	overflow: hidden;
	padding: 0 10px;
	background-color: #fff;
	border: 1px solid #999;
	font-size: 14px;
}
.phomeModPwdMask>.dialogModPwd>.dialogBox>.body>.data-line>.detail>input:focus{
	border: 1px solid #00be99;
}
.phomeModBgMask{
	width: 100%;
	height:100%;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 999999;
	display: none;
}
.modBgCaption{
	font-size: 16px;
	height: 90px;
	line-height: 90px;
	width: 480px;
	font-family: 'Microsoft Yahei';
	color: #00be99;
	transform: rotate(-90deg);
	left: -195px;
	position: relative;
}
.dialogModBg{
	width: 390px;
	height: 320px;
	overflow: hidden;
	margin-left: 90px;
	margin-top: -30px;
}
.dialogModBg>.bgPreviewBox{
	width: 380px;
	height: 206px;
	overflow: hidden;
	margin: 0 auto;
	border: 2px solid #666;
	background-color: #222;
	background-image: url('http://images.uchor.com/o_1b2v8o7cbva01d6t1agc11cafqr.jpg');
	background-repeat:no-repeat;
	/*background-attachment:fixed;*/
	background-position:center;
	/*background-size: contain;*/
	background-size: cover;
}
.dialogModBg>.btns-box{
	width: 318px;
	height: 30px;
	margin: 20px auto 0 auto;
}
.dialogModBg>.btns-box>.btn{
	width: 92px;
	height: 30px;
	line-height: 30px;
	border: 2px solid rgba(220,220,220,0.3);
	text-align: center;
	color: #dcdcdc;
	font-size: 14px;
	font-weight: bold;
	border-radius: 40px;
	cursor: pointer;
	background-color: rgba(0,0,0,0.3);
}
.dialogModBg>.btns-box>.btn:hover{
	background-color: rgba(220,220,220,0.2);
}

.dialogModBg>.btns-box>.btn_cancel_modBg{
	float: left;
}
.dialogModBg>.btns-box>.btn_submit_uploadBg{
	float: left;
	margin: 0 15px;
}
.dialogModBg>.btns-box>.btn_submit_modBg{
	float: right;
}
.bgPreviewLoading{
	width: 100%;
	height: 100%;
	background-image: url('./../Images/black80.png');
	overflow: hidden;
	display: none;
}
.bgPreviewLoading>i{
	width: 30px;
	height: 30px;
  	margin: -15px auto 0 auto;
  	top: 50%;
	background: url('./../Images/loading_min2.gif');
	display: block;
	position: relative;
}
.phomeModUserImageMask{
	width: 100%;
	height:100%;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 999999;
	background-image: url('./../Images/black90.png');
	display: none;
}
.modUserImageCaption{
	font-size: 16px;
	height: 90px;
	line-height: 90px;
	width: 480px;
	font-family: 'Microsoft Yahei';
	color: #00be99;
	transform: rotate(-90deg);
	left: -200px;
	position: relative;
}
.dialogModUserImage{
	width: 390px;
	height: 500px;
	overflow: hidden;
	margin-left: 111px;
  	margin-top: -58px;
}
.dialogModUserImage>.userImagePreviewBox{
	width: 200px;
	height: 200px;
	overflow: hidden;
	margin: 0 auto;
	border: 2px solid #666;
	background-color: #101010;
	position: relative;
}
.dialogModUserImage>.btns-box{
	width: 318px;
	height: 30px;
	margin: 24px auto 0 auto;
}
.dialogModUserImage>.btns-box>.btn{
	width: 92px;
	height: 30px;
	line-height: 30px;
	border: 2px solid rgba(220,220,220,0.3);
	text-align: center;
	color: #dcdcdc;
	font-size: 14px;
	font-weight: bold;
	border-radius: 40px;
	cursor: pointer;
	background-color: rgba(0,0,0,0.3);
}
.dialogModUserImage>.btns-box>.btn:hover{
	background-color: rgba(220,220,220,0.2);
}

.dialogModUserImage>.btns-box>.btn_cancel_modUserImage{
	float: left;
}
.dialogModUserImage>.btns-box>.btn_submit_uploadUserImage{
	float: left;
	margin: 0 15px;
}
.dialogModUserImage>.btns-box>.btn_submit_modUserImage{
	float: right;
}
.userImagePreviewLoading{
	width: 100%;
	height: 100%;
	background-image: url('./../Images/black80.png');
	overflow: hidden;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}
.userImagePreviewLoading>i{
	width: 30px;
	height: 30px;
  	margin: -15px auto 0 auto;
  	top: 50%;
	background: url('./../Images/loading_min2.gif');
	display: block;
	position: relative;
}
.image_preview_200{
	margin: 35px auto 0 auto;
	width: 200px;
	height: 200px;
	border: 3px solid #121212;
	overflow: hidden;
	display: block;
	border-radius: 50%;
	background-color: #282828;
	display: none;
}
.frontCoverhiveAlbumnCaptionBox{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	z-index: 99;
}
.frontCoverhiveAlbumnCaptionBox>.hiveAlbumnInfo_icon{
	width: 31px;
	height: 33px;
	background: url('./../Images/U/hive_icon.png') no-repeat;
	top: 10%;
	left: 50%;
	margin-left: -15px;
	position: absolute;
	overflow: hidden;
}
.frontCoverhiveAlbumnCaptionBox>.hiveAlbumnInfo_caption{
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	font-family: 'Microsoft Yahei';
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	top: 34%;
	position: absolute;
	overflow: hidden;
}
.frontCoverhiveAlbumnCaptionBox>.hiveAlbumnInfo_detail{
	width: 100%;
	line-height: 18px;
	font-size: 12px;
	font-family: 'Microsoft Yahei';
	font-weight: bold;
	font-style: italic;
	text-align: center;
	color: #00a480;
	border-top: 2px dotted #00a480;
	bottom: 10%;
	position: absolute;
	padding-top: 6px;
}
.frontCoverhiveAlbumnCaptionBox>.hiveAlbumnInfo_split{
	width: 60%;
	height: 32px;
	border-bottom: 2px solid #098a71;
	margin: 0 auto;
	top: 50%;
	position: absolute;
	margin-top: -16px;
	left: 20%;
}
.dynamic-data-panel-bg-hiveBlack{
	background-color: rgba(0,0,0,0.5)!important;
	/*transition:background-color 0.3s linear;
	-moz-transform:background-color 0.3s linear;
	-webkit-transform:background-color 0.3s linear;
	-o-transform:background-color 0.3s linear;*/
}