.homeFlow_masklayer {
	width: 100%;
	height: 100%;
	position: fixed;
	top:0;
	left:0;
	background-image: url('./../Images/black80.png');
	z-index: 99999990;
	display:none;
	overflow-y:hidden;
	overflow-x:hidden;
	cursor: pointer;
}
.homeFlow_panel{
	width:600px;
	height: 100%;
	float:right;
	background-color:#101010;
	display: none;
	position: relative;
	left: 600px;
	cursor: auto;
}
.homeFlowPanel_body{
	width: 600px;
	height: 100%;
	margin-bottom: 20px;
}
.homeFlow_Loading{
	width: 108px;
	height: 103px;
	background: url('./../Images/loading_min_Dark.gif') no-repeat center;
	margin: -52px auto 0 auto;
	position: relative;
	top:50%;
}
.homeFlow_panel>.func_btn_box{
	width: 100px;
	height: auto;
	position: absolute;
	left:-100px;
	bottom:60px;
	z-index: 100;
	overflow: hidden;
	text-align: right;
}
.homeFlow_panel>.func_btn_box>ul{
	width: 100%;
}
.homeFlow_panel>.func_btn_box>ul>li{
	width: 100%;
	height: 50px;
	margin: 6px 0;
}
.btnCloseHomeflow{
	width: 50px;
	height: 50px;
	background: url('./../Images/hf_closeHomeFlow.png') no-repeat center;
	background-color: #0a0a0a;
	cursor: pointer;
	float: right;
}
.btnCloseHomeflow:hover{
	background: url('./../Images/closeHomeFlow_Hover.png') no-repeat center;
	/*background-color: #0a0a0a;*/
}
.btnHomeFlowGoTop{
	width: 50px;
	height: 50px;
	background: url('./../Images/hf_btnGoTop.png') no-repeat center;
	background-color: #0a0a0a;
	cursor: pointer;
	float: right;
}
.btnHomeFlowGoTop:hover{
	background: url('./../Images/btnGoTop_hover.png') no-repeat center;
	/*background-color: #0a0a0a;*/
}
.homeFlow_panel>.topLine{
	width: 100%;
	height: 4px;
}
.homeFlow_panel>.topLine>img{
	width: 100%;
	height: 4px;	
}
.homeFlowBox{
	position: relative;
	width: 100%;
	height: auto;
	min-height: 700px;
}
.homeFlowBox>.topBox{
	width: 100%;
	height: 280px;
}
.topBoxBG0511{
	background: url('./../Images/5-00-11-00.jpg') no-repeat center;
}
.topBoxBG1117{
	background: url('./../Images/11-00-17-00.jpg') no-repeat center;
}
.topBoxBG1722{
	background: url('./../Images/17-00-22-00.jpg') no-repeat center;
}
.topBoxBG2305{
	background: url('./../Images/23-00-5-00.jpg') no-repeat center;
}
.bGColor0511{background-color:#133a39;}
.bGColor1117{background-color:#133a39;}
.bGColor1722{background-color:#2d2e43;}
.bGColor2305{background-color:#14282f;}

.homeflow_bGColor0511{background-color:rgba(19,58,57,0.8);} 
.homeflow_bGColor1117{background-color:rgba(19,58,57,0.8);} 
.homeflow_bGColor1722{background-color:rgba(45,46,67,0.8);} 
.homeflow_bGColor2305{background-color:rgba(20,40,47,0.8);} 

.homeflow_bGColor0511:hover{background-color:rgba(19,58,57,1);} 
.homeflow_bGColor1117:hover{background-color:rgba(19,58,57,1);} 
.homeflow_bGColor1722:hover{background-color:rgba(45,46,67,1);} 
.homeflow_bGColor2305:hover{background-color:rgba(20,40,47,1);} 

.homeFlowBox>.userImage{
	width: 120px;
	height: 120px;
	border-radius: 50%;
	overflow: hidden;
	/*background-color: #282828;*/
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: -60px;
	z-index: 1;
}
.homeFlowBox>.userName{
	width: 600px;
	height: 24px;
	line-height: 24px;
	font-size: 18px;
	font-weight: bold;
	font-family: 'Microsoft Yahei';
	color: #dcdcdc;
	position: absolute;
	top: 220px;
	text-align: center;
	z-index: 1;
}
.homeFlowBox>.userInfo{
	width: 600px;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	font-family:'Arial';
	color: #999999;
	position: absolute;
	top: 252px;
	text-align: center;
	z-index: 1;
}
.homeFlowBox>.userIntro{
	width: 600px;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	font-family:'Arial';
	color: #999999;
	position: absolute;
	top: 280px;
	text-align: center;
	z-index: 1;
}
.homeFlowBox>.memo_editor_box{
	width: 560px;
	min-height: 140px;
	margin: 46px auto 0 auto;
	position: relative;
}
.homeFlowBox>.tab_box{
	width: 100%;
	height: 48px;
	overflow: hidden;
	margin-top: 30px;
	position: relative;
	text-align: center;
	border-top: 2px solid #101010;
}
.homeFlowBox>.tab_box>.line{
	width: 100%;
	height: 2px;
	background-color: #101010;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	z-index: 5;
}
.homeFlowBox>.tab_box>.btns{
	width: 322px;
	height: 48px;
	margin-left: -161px;
	overflow: hidden;
	display: inline-block;
	cursor: pointer;
	position: absolute;
	z-index: 10;
	left: 50%;
}
.homeFlowBox>.tab_box>.btns>.btn{
	height: 46px;
	line-height: 46px;
	color: #999999;
	font-size: 15px;
	font-weight: bold;
	font-family: 'Microsoft Yahei';
	float: left;
	border-bottom: 2px solid #101010;
	padding:0 5px 0 30px;
	margin: 0 20px;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
}
.homeFlowBox>.tab_box>.btns>.btn:hover{
	color: #fff;
}
.homeFlowBox>.tab_box>.btns>.btnSelected{
	color: #fff;
	border-bottom: 2px solid #fff;
}
.btnTab_all{background: url('./../Images/homeflow/all.png') no-repeat 5px;}
.btnTab_canola{background: url('./../Images/homeflow/canola.png') no-repeat 5px;}
.btnTab_memo{background: url('./../Images/homeflow/memo.png') no-repeat 5px;}

.btnTab_all:hover{background: url('./../Images/homeflow/all_hover.png') no-repeat 5px;}
.btnTab_canola:hover{background: url('./../Images/homeflow/canola_hover.png') no-repeat 5px;}
.btnTab_memo:hover{background: url('./../Images/homeflow/memo_hover.png') no-repeat 5px;}

.btnTab_all_selected{background: url('./../Images/homeflow/all_hover.png') no-repeat 5px;}
.btnTab_canola_selected{background: url('./../Images/homeflow/canola_hover.png') no-repeat 5px;}
.btnTab_memo_selected{background: url('./../Images/homeflow/memo_hover.png') no-repeat 5px;}

.homeFlowBox>.dataFlow{
	width: 560px;
	padding:0 20px;
	min-height: 200px;
	margin-top: 20px;
	overflow: hidden;
}

.homeflowLoadingMsg{
	width: 558px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	overflow: hidden;
	color: #999999;
	border: 1px solid #161616;
	margin: 20px auto 20px auto;
	background-color: #161616;
  	font-size: 13px;
}
.homeflowNoMoreDataMsg{
	width: 558px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	overflow: hidden;
	color: #999999;
	border: 1px solid #666666;
	margin: 20px auto 20px auto;
	background-color: #161616;
  	font-size: 13px;
  	display: none;
}
.homeFlowBox .canola_box{
	width: 560px;
	position: relative;
	padding-top: 20px;
}
.homeFlowBox .canola_info_box{
	width: 558px;
	border: 1px solid #101010;
	height: auto;
	display: block;
	overflow: hidden;
	cursor: pointer;
	background-color: #101010;
	margin-left: 0;
	border-radius: 0;
}
.homeFlowBox .canola_info_box:hover{
	/*border: 1px solid #666666;*/
	background-color: #161616;
}
.homeFlowBox .canola_info_title_box{
	height: 28px;
	line-height: 28px;
	padding: 8px 16px 0 16px;
	width: 528px;
	background-color: transparent;
}
.homeFlowBox .canola_info_title{
	color: #00be99;
	font-weight: bold;
	font-size: 14px;
	float: left;
}
.homeFlowBox .canola_info_help_l{
	color: #666666;
	font-size: 14px;
	margin-left: 10px;
	float: left;
}
.homeFlowBox .canola_info_help_r{
	color: #666666;
	font-size: 14px;
	float: right;
}
.homeFlowBox .canola_info_panel{
	margin: 10px 15px 15px 15px;
	display: block;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.homeFlowBox .canola_surface_img_box{
	width: 228px;
	height: 228px;
	background: url('./../Images/trans_bg_black.png');
	float: left;
	position: relative;
}
.homeFlowBox .canola_surface_img_box_xs{
	height: 285px;
}
.homeFlowBox .canola_info_main_box{
	float:right;
	width: 280px;
	display: block;
	overflow: hidden;
	position: relative;
}
.homeFlowBox .canola_surface_title{
	/*width: 410px;*/
	font-size: 16px;
	color: #dcdcdc;
	line-height: 24px;
	height: 24px;
	text-align: left;
	margin-top:-3px; 
	font-family: 'Microsoft Yahei';
	text-overflow: ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.homeFlowBox .canola_surface_title_big{
	font-size: 20px;
	font-family: 'Microsoft Yahei';
	/*margin-bottom: 7px;
	margin-top: 1px;*/
	text-overflow: ellipsis;
	white-space:nowrap;
	overflow: hidden;
	height: 28px;
	line-height: 28px;
}
.homeFlowBox .canola_cat_box{
	/*width: 410px;*/
	font-size: 12px;
	color: #777777;
	line-height: 32px;
	height: 32px;
	margin-top: 2px;
	display: block;
	overflow: hidden;
}
.homeFlowBox .canola_catF{
	font-size: 14px;
	color: #777777;
	line-height: 32px;
	height: 32px;
	text-align: left;
	float: left;
}
.homeFlowBox .canola_catS{
	font-size: 14px;
	color: #777777;
	line-height: 32px;
	height: 32px;
	text-align: left;
	float: left;
}
.homeFlowBox .canola_cat_split{
	font-size: 14px;
	color: #777777;
	line-height: 32px;
	height: 32px;
	text-align: left;
	float: left;
	margin: 0 8px;
}
.homeFlowBox .canola_content_text{
	margin-top: 2px;
	height: 108px;
	line-height: 28px;
	color: #777777;
	font-size: 14px;
	text-align: left;
	word-break: break-all;
	word-wrap: break-word;
	display:-webkit-box;
	-webkit-line-clamp:4;
	-webkit-box-orient: vertical;
}
.homeFlowBox .canola_content_text_xs{
	height: 136px;
	-webkit-line-clamp:5;
}
.homeFlowBox .canola_count_box{
	height: auto;
	position: absolute;
	bottom: -4px;
	right: 0;
}
.homeFlowBox .canola_ninki_icon{
	background: url('./../Images/home/home_ninki.png') no-repeat center;
	width:36px;
	height: 16px;
	position: absolute;
	left: 0;
	top: 6px;
}
.homeFlowBox .canola_ninki_num_box{
	position: relative;
	height: 28px;
	line-height: 28px;
	color: #666666;
	font-size: 26px;
	padding-left: 46px;
	text-align: left;
	font-weight: bold;
}
.homeFlowBox .memo_data_view{
	margin: 0 auto 0 auto;
	width: 560px;
	position: relative;
	padding-top: 20px;
	margin-left: 0;
  	border-radius: 0;
}
.homeFlowBox .memo_data_view_box{
	width: 558px;
	height: auto;
	border: 1px solid #101010;
	display: block;
	overflow: hidden;
	cursor: pointer;
	padding-bottom: 12px;
	background-color: #101010;
	margin-left: 0;
  	border-radius: 0;
}
.homeFlowBox .memo_data_view_box:hover{
	/*border: 1px solid #666;*/
	background-color: #161616;
}
.homeFlowBox .memo_data_view_title_box{
	height: 32px;
	line-height: 32px;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 8px;
	width: auto;
}
.homeFlowBox .memo_data_view_title{
	height: 32px;
	line-height: 32px;
	color: #00be99;
	font-weight: bold;
	font-size: 14px;
	float: left;
}
.homeFlowBox .memo_data_view_help_l{
	height: 32px;
	line-height: 32px;
	color: #666666;
	font-size: 14px;
	float: left;
}
.homeFlowBox .memo_data_view_help_r{
	height: 32px;
	line-height: 32px;
	color: #666666;
	font-size: 14px;
	float: right;
}
.homeFlowBox .memo_data_view_info_panel{
	/*margin: 10px 10px;*/
	display: block;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	margin: 10px 15px 3px 15px;
}
.homeFlowBox .memo_data_view_img_box{
	width: 120px;
	height: 120px;
	background-color:#2d2d2d;
	float: left;
	position: relative;
}
.homeFlowBox .memo_data_view_info_main_box{
	float:right;
	width: 394px;
	display: block;
	overflow: hidden;
	position: relative;
	font-size: 14px;
	color: #dcdcdc;
	line-height: 28px;
	height: 80px;
	/*max-height: 118px;*/
	text-align: left;
	margin-top: -5px;
	margin-bottom: 30px;
	word-break: break-all;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.homeFlowBox .no_image_info{
	width: 100%;
	margin-top: 2px;
	margin-bottom: 20px;
	height: auto;
}
.homeFlowBox .no_image_info_panel{
	margin-top: 0;
}
.homeFlowBox .memo_info_bar{
	width: 300px;
	height: 16px;
	float: right;
}
.homeFlowBox .memo_info_cnt_box{
	float: right;
	margin-left: 20px;
}
.homeFlowBox .memo_info_cnt_text{
	float: left;
	height: 16px;
	line-height: 16px;
	color: #666666;
	font-weight: bold;
	font-size: 18px;
}
.homeFlowBox .memo_info_commentCnt_ico{
	background: url('./../Images/icon_comment_dark.png') no-repeat center;
	width: 14px;
	height: 16px;
	float: left;
	margin-right: 8px;
}
.homeFlowBox .memo_info_likeCnt_ico{
	background: url('./../Images/icon_like_dark.png') no-repeat center;
	width: 16px;
	height: 16px;
	float: left;
	margin-right: 8px;
	margin-top: -2px;
}
.homeFlowBox .memo_hive_detail_placeholder{
	width: 96px;
    height: 107px;
    float: left;
    margin: -16px 5px 0 -48px;
}
.homeFlowBox .memo_hive_detail_item_box{
	width: 96px;
    height: 107px;
    float: left;
    margin: -16px 4px 0 5px;
    position: relative;
}
.homeFlowBox .memo_hive_detail_item{
	width: 96px;
    height: 107px;
}
.homeFlowBox .memo_hive_image{
	width: 96px;
    height: 107px;
    background-color: #2c2c2c;
    color: white;
    text-align: center;
    vertical-align: middle;
    position: relative;
}
.homeFlowBox .forum_name_box{
	height: 20px;
	line-height: 20px;
	width: auto;
	padding: 0 10px;
	color: #101010;
	background-color: #ebb400;
	font-size: 12px;
	font-weight: bold;
	border-radius: 3px;
	display: inline-block;
	float: right;
}

.homeFlowBox .hf_forumName{
	height: 28px;
	line-height: 28px;
	width: auto;
	padding: 0 10px;
	color: #101010;
	background-color: #ebb400;
	font-size: 14px;
	font-weight: bold;
	border-radius: 3px;
	margin: 14px 14px;
}
.homeFlowBox .hf_forumImagebox{
	margin: 0 7px;
}
.homeFlowBox .hf_forumImagebox>div{
	margin: 0 7px;
	float: left;
	width: 122px;
	height: 122px;
	overflow: hidden;
}
.homeFlowBox .hf_forumImagebox>div>img{
	width: 122px;
}