.op_success_bubble{
	margin: 0 auto;
	padding: 9px 50px;
	font-size: 16px;
	line-height: 24px;
	background: #f9fbd4;
	color: #666666;
	position: fixed;
	display: none;
	font-weight: bold;
	border: 1px solid #e9ecb4;
	z-index: 999999999999999999999999999;
}
.op_success_bubble_message{
	background:url('./../Images/bubble_success.png') no-repeat;
	padding-left: 26px;
}
.op_error_bubble{
	margin: 0 auto;
	padding: 9px 50px;
	font-size: 16px;
	line-height: 24px;
	background: #f9fbd4;
	color: #666666;
	position: fixed;
	display: none;
	font-weight: bold;
	border: 1px solid #e9ecb4;
	z-index: 999999999999999999999999999;
}
.op_error_bubble_message{
	background:url('./../Images/bubble_warning.png') no-repeat;
	padding-left: 26px;
}
.op_view_image_mask {
	width: 100%;
	height: 100%;
	position: fixed;
	top:0;
	left:0;
	background-image: url('./../Images/black90.png');
	z-index: 999999999;
	overflow: auto;
	display: none;
	
}
.op_big_imgs{
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	/*cursor:url('./../Images/cur_zoomOut.cur'),auto;*/
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
}
.op_view_image_mask_close {
	background: url('./../Images/public_close.png') no-repeat center;
	height:26px;
	width:26px;
	position:fixed;
	right:25px;
	top:10px;
	cursor: pointer;
	z-index: 9999999999;
}
.op_view_image_mask_close:hover{
	background: url('./../Images/public_close_mouseIn.png') no-repeat center;
}
.op_masklayer {
	width: 100%;
	height: 100%;
	position: fixed;
	top:0;
	left:0;
	background-image: url('./../Images/black80.png');
	z-index: 99999999;
	overflow: hidden;
	display: none;
	/*cursor:url('./../Images/cur_zoomOut.cur'),auto;*/
}

.op_form_createDT{
	float:left;
	padding: 1px 4px 0 16px;
}
.op_masklayer_box{
	width: 100%;
	height: auto;
	padding: 40px 0;
	/*cursor:url('./../Images/cur_zoomOut.cur'),auto;*/
}
.op_masklayer_close {
	background: url('./../Images/public_close.png') center no-repeat;
	height:26px;
	width:26px;
	position:absolute;
	right:10px;
	top:10px;
	cursor: pointer;
	z-index: 99999990;
}
.op_masklayer_close:hover {
	background: url('./../Images/public_close_mouseIn.png') center no-repeat;
}
.op_FormContainer {
	width: 1020px;
	border-radius: 6px;
	/*border-style: solid;
	border-width: 8px;
	border-color:rgba(0,0,0,0.5);*/
	z-index: 5020;
	display: none;
	margin: 0 auto;
	cursor:auto;
}
.op_loadForm {
	width: 54px;
	height: 51px;
	z-index: 5010;
	display: none;
	margin: 0 auto;
	overflow: hidden;
}
.op_form{
	overflow: hidden;
	border-radius: 5px;
	position: relative;
	background-color: #e9e9e9;
	display: block;
	position: relative;
}
.op_form_left{
	width: 710px;
    float: left;
    z-index: 99999;
    background-color: #fff;
}
.op_form_right{
	width: 311px;
	padding:16px 14px;
	background-color: #e9e9e9;
	height: auto;
	overflow: hidden;
	float: right;
	display: block;
}
.op_form_title_bar {
    width: 711px;
    height: 72px;
    background-color: #ffffff;
    border-top-left-radius: 6px;
}
.op_form_title_container {
    width: 532px;
    height: 75px;
    float: left;
    overflow: hidden;
}
.op_form_title{
    margin: 20px 0 0 20px;
    color: #666666;
    font-size: 20px;
    font-family: 'Microsoft Yahei';
    overflow: hidden;
    text-overflow: ellipsis;
}
.op_form_cata{
	margin:12px 0 0 20px;
	color: #999999;
	font-size: 12px;
	font-family:'Arial';
}
.op_form_cata_f{
	float:left;
}
.op_form_cata_s{
	float:left;	
}
.op_form_cata_splite{
	float:left;
	margin:0 7px;
}
.op_form_title_func_btns{
	width: 162px;
	overflow: hidden;
	float: left;
}
.op_form_detail_container{
	background-color: #ffffff;
	/*border-right: 1px solid #d0d0d0;*/
	padding: 10px 0 15px 0;
}
.op_form_detail_container_black{
	background-color: #000000;
}
.op_element_container{
	width: 648px;
	margin:0 auto;
	padding: 15px 0;
	position: relative;
}
.op_element_container_text{
	width: 648px;
	margin:-12px auto -11px auto;
	padding: 15px 0;
	position: relative;
}
.op_element_container_img{

}
.op_image_element{
	position: relative;
	display: block;
	margin: 0 auto;
	cursor:url('./../Images/cur_zoomIn.cur'),auto;
}
.op_file_element{
}
.op_file_items_container{
	width:648px;
	border-radius: 3px;
	border:1px #e6dfad solid;
	border-bottom:0;
	margin:0 auto;
	background-color: #fcfcef;
	overflow: hidden;
}
.op_file_item{
	border-bottom:1px #e6dfad solid;
	line-height: 38px;
	overflow: hidden;
}
.op_file_item_file_name{
	width: 550px;
	height: 38px;
	line-height: 38px;
	margin-left: 10px;
	color: #909090;
	overflow: hidden;
	float: left;
}
.op_file_item_file_down{
	height: 38px;
	line-height: 38px;
	color: #00be99;
	overflow: hidden;
	float: right;
	margin-right: 10px;
	text-align: center;
	width: 60px;
}
.op_file_download_link{
	color: #00be99;
}
.op_file_download_link:hover{
	font-weight: bold;
}
.op_divider{
	width: 648px;
	height: 1px;
	margin: 0 auto;
	position: relative;
}
.op_divider_solid{
	border-top:1px solid #cdcdcd;
	height: 0;
}
.op_divider_dashed{
	border-top:1px dashed #cdcdcd;
	height: 0;
}
.op_divider_dotted{
	border-top:1px dotted #cdcdcd;
	height: 0;
}
.op_divider_white{
	border-color:#666666;
}
.op_toolbar_container{
	background-color: #272727;
	width: 711px;
	height: 200px;
	color: #ffffff;
	text-align: center;
}
.op_feed_detail{
	width: 711px;
	overflow: hidden;
	background-color: #ffffff;
	margin: 12px auto 0 auto;
	text-align: center;
	position: relative;
	/*border-right: 1px solid #d0d0d0;*/
}
.op_feed_detail_spread_box{
	background-color: #fcfcef;
}
.op_feed_detail_spread_box_title{
	border-bottom: 1px dotted #dcd29c;
	height: 57px;
	line-height: 57px;
	overflow: hidden;
	/*padding:0 21px 0 14px;*/
	padding:0 18px 0 17px;
	text-align: left;
}
.op_feed_detail_spread_box_detail{
	/*border-bottom: 1px dotted #dcd29c;*/
	/*min-height: 64px;*/
	line-height: 20px;
	overflow: hidden;
	padding:18px 18px 0 18px;
	text-align: left;
	font-size: 14px;
	line-height: 26px;
	word-break: break-all;
	word-wrap: break-word;
	color: #666666;
}
.op_author_container{
	width: 279px;
    height: 252px;
	border-radius: 3px;
	border: 1px solid #d0d0d0;
	background-color: #ffffff;
	text-align: center;
}
.op_author_container_caption{
	color:#666666;
	font-size: 12px;
	font-weight: bold;
	margin: 8px 0 8px 9px;
	text-align: left;
}
.op_author_image_container{
	width: 100px;
	height: 100px;
	position: relative;
	margin: 0 auto;
	/*background:url('./../Images/trans_bg.png');*/
}
.op_author_image_mask{
	width: 100px;
	height: 100px;
	position: absolute;
	top:0;
	left: 0;
	z-index: 99;
	border-radius: 50%;
	/*background-color: #cccccc;*/
}
.op_author_image{
	width: 98px;
	height: 98px;
	position: absolute;
	top:1px;
	left: 1px;
	z-index: 999;
	border-radius: 50%;
	border: 0;
}
.op_author_nickname_box{
	margin: 13px auto 0 auto;
	text-align: center;
	width: auto;
	display: inline-block;
}
.op_author_nickname{
	color:#00be99;
	font-size: 14px;
	font-weight: bold;
	line-height: 13px;
	float: left;
}
.op_author_icon{
	margin-left: 5px;
	float: left;
}
.op_author_base_info{
	margin-top: 9px;
	color:#666666;
	width: auto;
	display: inline-block;
}
.op_author_base_info div{
	float: left;
	line-height: 12px;
}
.op_author_base_info_split{
	margin: 0 7px;
}
.op_author_tool_bar{
	margin-top: 23px;
	position: relative;	
}
.op_focusBtn_busy{
	width: 113px;
	height:32px;
	line-height: 32px;
	text-align: center;
	background-color: #00cda5;
	color: #ffffff;
	float: left;
	margin-left: 20px;
	cursor: pointer;
	border-radius: 3px;
	font-weight: bold;
}
.op_focusBtn{
	width: 113px;
	height:32px;
	line-height: 26px;
	text-align: center;
	background-color: #00be99;
	color: #ffffff;
	float: left;
	margin-left: 20px;
	cursor: pointer;
	border-radius: 3px;
	font-weight: bold;
}
.op_focusBtn:hover{
	background-color: #00a480;
}
.op_focusBtn_unlink{
	width: 113px;
	height:32px;
	line-height: 26px;
	text-align: center;
	background-color: #b4b4b4;
	color: #ffffff;
	float: left;
	margin-left: 20px;
	cursor: pointer;
	border-radius: 3px;
	font-weight: bold;
}
/*.op_focusBtn_unlink:hover{
	background-color: #00a480;
	color: #ffffff;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
}*/
.op_umailBtn{
	width: 112px;
	height: 32px;
	line-height: 26px;
	margin-left: 15px;
	background-color: #00be99;
	float: left;
	border-radius: 3px;
	cursor: pointer;
	text-align: right;
	color: #ffffff;
	font-weight: bold;
}

.op_umailBtn:hover{
	background-color: #00a480;
}
/*.op_umailBtn:hover{
	background:url('./../Images/op_umail_hover.png') no-repeat 11px 0;
	background-color: #333333;
	color:#00be99;
}*/
.op_settingBtn {
	width: 50px;
	height: 26px;
	line-height: 26px;
	margin-left: 1px;
	background:url('./../Images/op_setting.png') no-repeat;
	background-color: #bcbcbc;
	float: left;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	cursor: pointer;
}
.op_settingBtn:hover{
	background:url('./../Images/op_setting_hover.png') no-repeat;
	background-color: #333333;
}
.op_big_image{
	position: absolute;
	cursor: auto;
}
.op_big_image_cnt{
	position: fixed;
	text-align: center;
	top: 0;
	left:0;
	/*top: 5px;
	width: 100px;*/
	z-index: 9;
	background:url('./../Images/black40.png');
	line-height: 44px;
	height: 44px;
}
.op_big_image_cnt_cur{
	color: #ffffff;
	font-size: 32px;
}
.op_big_image_cnt_splite{
	color: #ffffff;
	font-size: 32px;
	margin: 0 7px 0 10px;
}
.op_big_image_cnt_sum{
	color: #ffffff;
	font-size: 25px;
	color: #999999;
}
.op_big_image_prev{
	position: fixed;
	width: 25px;
	height: 42px;
	padding:5px 5px 5px 0;
	left: 13px;
}
.op_big_image_prev_ico{
	background:url('./../Images/op_big_image_prev.png') no-repeat center;
	width: 25px;
	height: 42px;
}
.op_big_image_prev_ico:hover{
	background:url('./../Images/op_big_image_prev_hover.png') no-repeat center;
}
.op_big_image_next{
	position: fixed;
	width: 25px;
	height: 42px;
	padding:5px 0 5px 5px;
}
.op_big_image_next_ico{
	background:url('./../Images/op_big_image_next.png') no-repeat center;
	width: 25px;
	height: 42px;
}
.op_big_image_next_ico:hover{
	background:url('./../Images/op_big_image_next_hover.png') no-repeat center;
}
.op_copr_container{
	width: 238px;
	height:99px;
	border-radius: 5px;
	border: 1px solid #d0d0d0;
	background-color: #ffffff;
	text-align: center;
	margin: 15px 0 0 0;
	position: relative;
}
.op_copr_container_caption{
	color:#666666;
	font-size: 12px;
	font-weight: bold;
	margin: 7px 0 8px 9px;
	text-align: left;
}
.op_copr_caption{
	color:#00a480;
	font-size: 12px;
	font-weight: bold;
	margin: 9px 0 0 9px;
	text-align: left;
}
.op_copr_detail{
	color:#999999;
	font-size: 12px;
	margin: 6px 0 8px 9px;
	text-align: left;
	line-height: 21px;
	width:190px;
}
.op_copr_icon{
	width: 38px;
	height: 36px;
	position: absolute;
	background:url('./../Images/copr_icon.png') no-repeat;
	top: 9px;
	right: 9px;
}
.op_copr_help{
	width: 18px;
	height:18px;
	background:url('./../Images/qa.png') no-repeat;
	cursor: pointer;
	position: absolute;
	bottom: 9px;
	right: 9px;
}
.op_copr_help:hover{
	background:url('./../Images/qa_hover.png') no-repeat;
}

.op_tags_container{
    width: 280px;
    border: 1px solid #d0d0d0;
    background-color: #ffffff;
    border-top-color: #ffffff;
    border-bottom: 1px dotted #d0d0d0;
    text-align: center;
    position: relative;
}
.op_tags_container_caption{
	color:#666666;
	font-size: 12px;
	font-weight: bold;
	margin: 7px 0 8px 9px;
	text-align: left;
	height: 15px;
}
.op_tags_container_caption_text{
	float: left;
	height:15px;
}
.op_tags_container_caption_btn{
	float: right;
	height: 15px;
	width: 15px;
	background:url('./../Images/op_mod_tags.png') no-repeat center;
	margin-right: 9px;
	cursor: pointer;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
}
.op_tags_container_caption_btn_hover{
	background:url('./../Images/op_mod_tags_hover.png') no-repeat center;
}
.op_tags_container_caption_btn_selected{

	background:url('./../Images/op_mod_tags_selected.png') no-repeat center;
	background-color: #ffa00b;
	border-radius: 3px; 
	width:35px; 
	height:20px;
	margin-top: -1px;
	margin-right: 8px;
}
.add_tag_toolbar{
	width: 264px;
	height: 26px;
	overflow: hidden;
	text-align: left;
	margin: 8px 9px 4px 9px;
	display: none;
}
.op_add_new_tag{
	width: 111px;
	height: 22px;
	line-height: 22px;
	overflow: hidden;
	background-color: #ffa00b;
	color: #ffffff;
	cursor: pointer;
	border: 2px solid #ffa00b;
	border-radius: 4px;
	position: relative;
}
.op_add_new_tag:hover{
	background-color: #ff920b;
	border: 2px solid #ff920b;
}
.op_add_new_tag_icon{
	width: 22px;
	height: 22px;
	background:url('./../Images/op_add_tag_icon.png') no-repeat center;
	position: absolute;
	top: 0;
	left: 0;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
}
.op_add_new_tag_text{
	height: 22px;
	line-height: 22px;
	width: 89px;
	position: absolute;

	top: 0;
	left: 22px;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
}
.op_add_new_tag_input{
	width: 222px;
	height: 22px;
	position: absolute;
	top: 0;
	left: -235px;
	border: 0;
	padding: 0 6px;
	color: #666666;
}
.op_add_new_tag_input_busy{
	color: #999999;
}
.op_tags{
	width: 264px;
	overflow: hidden;
	display: block;
	text-align: left;
    margin: 0 9px 6px 9px;
}
.op_tag_span {
	color:#ffffff;	
	background-color: #a0a0a0;
	margin-right: 12px;
	margin-top: 4px;
	margin-bottom: 2px;
	line-height: 12px;
	cursor: pointer;
	padding: 7px 8px;
	overflow: hidden;
	display: inline-block;
	float: left;
	min-width: 20px;
	border-radius: 14px;
	text-align: center;
	border: 1px solid #999999;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
}
.op_tag_span_remove{
	text-decoration: line-through;
}
.op_tag_span:hover{
	background-color: #777777;
	color: #ffffff;
}

.op_albumn_container{
	width: 280px;
    border: 1px solid #d0d0d0;
    border-top-color: #ffffff;
    background-color: #ffffff;
    text-align: center;
    position: relative;
}
.op_albumn_container_caption{
	color:#666666;
	font-size: 12px;
	font-weight: bold;
	margin: 7px 0 8px 9px;
	text-align: left;
}
.op_albumn_box{
	width: 711px;
	overflow: hidden;
	display: block;
	text-align: left;
}
.op_albumn {
	color:#ffffff;	
	background-color: #0091e5;
	margin-right: 6px;
	margin-bottom: 6px;
	line-height: 12px;
	cursor: pointer;
	padding: 7px 6px;
	overflow: hidden;
	display: inline-block;
	float: left;
	border-radius: 3px;
	min-width: 20px;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
	text-align: center;
}
.op_albumn_combo {
	color:#ffffff;	
	background-color: #0091e5;
	border: 2px solid #0091e5;
	margin-bottom: 6px;
	line-height: 12px;
	cursor: pointer;
	overflow: hidden;
	display: inline-block;
	float: left;
	border-radius: 3px;
	width: 218px;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
	text-align: left;
	cursor: pointer;
	height: 22px;
}
.op_albumn_combo_hover {
	background-color: #0076ba;
	border: 2px solid #0076ba;
}
.op_albumn_combo_text{
	margin: 5px 0 5px 4px;
	width: 190px;
	text-align: left;
	float: left;
	line-height: 12px;
	text-overflow: ellipsis;
	overflow: hidden;
}
.op_albumn_combo_btn{
	height: 22px;
	width: 22px;
	float: right;
	background:url('./../Images/op_change_albumn_icon.png') no-repeat center;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;

}
.input_albumn_combo_list_focus{
	width: 1px;
	height: 1px;
	border: 0;
	margin-top: 50px;
}

.op_albumn_combo_list_element_empty{
	line-height: 12px;
	height: 12px;
	margin: 5px 5px;
	padding: 6px 6px;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	border-radius: 4px;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
}
.op_albumn_combo_list_element{
	line-height: 12px;
	height: 12px;
	margin: 5px 5px;
	padding: 6px 6px;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	border-radius: 4px;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
	cursor: pointer;
}
.op_albumn_combo_list_element:hover{
	background-color: #0076ba;
}
.op_url_share_container{
	width: 280px;
    border: 1px solid #d0d0d0;
    background-color: #ffffff;
    border-top-color: #ffffff;
    border-bottom: 1px dotted #d0d0d0;
    text-align: center;
    position: relative;
}
.op_url_share_container_caption{
	color:#666666;
	font-size: 12px;
	font-weight: bold;
	margin: 7px 0 7px 9px;
	text-align: left;
}
.op_url_share_container_text{
	color:#666666;
	font-size: 12px;
	margin: 7px 0 7px 9px;
	text-align: left;
}
.op_url_share_link_box{
	overflow: hidden;
	margin: 7px 0 7px 9px;
}
.op_url_share_link{
    background-color: #dcdcdc;
    color: #999999;
    border: 0;
    display: block;
    float: left;
    height: 24px;
    line-height: 24px;
    width: 258px;
    border-radius: 4px;
    padding: 2px;
    margin-right: 10px;
    cursor: text;
}
.op_url_share_link_btn{
	padding: 0 6px;
	height: 28px;
	background-color: #00be99;
	color: #ffffff;
	font-weight: bold;
	border-radius: 4px;
	margin: 0 0 0 0;
	line-height: 28px;
	cursor: pointer;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	float: left;
}
.op_url_share_link_btn:hover{
	background-color: #00a480;
}
.op_licence_container{
	width: 280px;
    border: 1px solid #d0d0d0;
    background-color: #ffffff;
    border-top-color: #ffffff;
    text-align: center;
    position: relative;
    border-radius: 0 0 5px 5px;
}
.op_licence_container_caption{
	color:#666666;
	font-size: 12px;
	font-weight: bold;
	margin: 7px 0 7px 9px;
	text-align: left;
}
.op_licence_detail {
	color: #666666;
	font-size: 12px;
	margin: 6px 0 3px 9px;
	text-align: left;
}
.op_licence_img{
	height:36px;
	line-height: 36px;
	margin: 0 0 4px 3px;
}
.op_licence_status_1
{
	background:url('./../Images/public_licences.png') no-repeat  -3px -2px;
}
.op_licence_status_2
{
	background:url('./../Images/public_licences.png') no-repeat  -3px -37px;
}
.op_licence_status_3
{
	background:url('./../Images/public_licences.png') no-repeat  -3px -72px;
}
.op_licence_status_4
{
	background:url('./../Images/public_licences.png') no-repeat  -3px -107px;
}
.op_licence_status_5
{
	background:url('./../Images/public_licences.png') no-repeat  -3px -142px;
}
.op_licence_status_6
{
	background:url('./../Images/public_licences.png') no-repeat  -3px -177px;
}
.op_licence_status_7
{
	background:url('./../Images/public_licences.png') no-repeat  -3px -212px;
}
.op_ninki_container{
	width: 115px;
	height: 80px;
	float: left;
}
.op_ninki_text_box{
	width: 60px;
    margin: 54px 10px 0px auto;
    overflow: hidden;
    height: 16px;
    line-height: 16px;
    float: right;
}
.op_ninki_icon{
	width: 18px;
	height:16px;
	background:url('./../Images/ninki_cion.png') no-repeat;
	margin-right: 5px;
	float: left;
}
.op_ninki_text{
	height: 16px;
	line-height: 16px;
	color:#666666;
	float: left;
	margin-top: 2px;
}
.op_ninki_box{
    margin: 43px 19px 0 auto;
    color: #00be99;
    overflow: hidden;
    display: inline-block;
    float: right;
    font-family: 'Arial';
    font-size: 30px;
    font-weight: bold;
}
.op_ninki_value_4_0{
	background:url('./../Images/op_ninki.png') no-repeat 0 0;
	width: 17px;
	height: 25px;
	float: left;
	margin: 0 1px;
}
.op_ninki_value_4_1{
	background:url('./../Images/op_ninki.png') no-repeat  -20px 0;
	width: 14px;
	height: 25px;
	float: left;
	margin: 0 1px;
}
.op_ninki_value_4_2{
	background:url('./../Images/op_ninki.png') no-repeat  -40px 0;
	width: 15px;
	height: 25px;
	float: left;
	margin: 0 1px;
}
.op_ninki_value_4_3{
	background:url('./../Images/op_ninki.png') no-repeat  -60px 0;
	width: 15px;
	height: 25px;
	float: left;
	margin: 0 1px;
}
.op_ninki_value_4_4{
	background:url('./../Images/op_ninki.png') no-repeat  -80px 0;
	width: 17px;
	height: 25px;
	float: left;
	margin: 0 1px;
}
.op_ninki_value_4_5{
	background:url('./../Images/op_ninki.png') no-repeat  -100px 0;
	width: 14px;
	height: 25px;
	float: left;
	margin: 0 1px;
}
.op_ninki_value_4_6{
	background:url('./../Images/op_ninki.png') no-repeat  -120px 0;
	width: 16px;
	height: 25px;
	float: left;
	margin: 0 1px;
}
.op_ninki_value_4_7{
	background:url('./../Images/op_ninki.png') no-repeat  -140px 0;
	width: 16px;
	height: 25px;
	float: left;
	margin: 0 1px;
}
.op_ninki_value_4_8{
	background:url('./../Images/op_ninki.png') no-repeat  -160px 0;
	width: 16px;
	height: 25px;
	float: left;
	margin: 0 1px;
}
.op_ninki_value_4_9{
	background:url('./../Images/op_ninki.png') no-repeat  -180px 0;
	width: 16px;
	height: 25px;
	float: left;
	margin: 0 1px;
}
.op_ninki_value_5_0{
	background:url('./../Images/op_ninki.png') no-repeat 0 -41px;
	width: 13px;
	height: 21px;
	float: left;
	margin: 0 1px;
}
.op_ninki_value_5_1{
	background:url('./../Images/op_ninki.png') no-repeat  -20px -41px;
	width: 11px;
	height: 21px;
	float: left;
	margin: 0 1px;
}
.op_ninki_value_5_2{
	background:url('./../Images/op_ninki.png') no-repeat  -40px -41px;
	width: 12px;
	height: 21px;
	float: left;
	margin: 0 1px;
}
.op_ninki_value_5_3{
	background:url('./../Images/op_ninki.png') no-repeat  -60px -41px;
	width: 12px;
	height: 21px;
	float: left;
	margin: 0 1px;
}
.op_ninki_value_5_4{
	background:url('./../Images/op_ninki.png') no-repeat  -80px -41px;
	width: 14px;
	height: 21px;
	float: left;
	margin: 0 1px;
}
.op_ninki_value_5_5{
	background:url('./../Images/op_ninki.png') no-repeat  -100px -41px;
	width: 12px;
	height: 21px;
	float: left;
	margin: 0 1px;
}
.op_ninki_value_5_6{
	background:url('./../Images/op_ninki.png') no-repeat  -120px -41px;
	width: 13px;
	height: 21px;
	float: left;
	margin: 0 1px;
}
.op_ninki_value_5_7{
	background:url('./../Images/op_ninki.png') no-repeat  -140px -41px;
	width: 14px;
	height: 21px;
	float: left;
	margin: 0 1px;
}
.op_ninki_value_5_8{
	background:url('./../Images/op_ninki.png') no-repeat  -160px -41px;
	width: 14px;
	height: 21px;
	float: left;
	margin: 0 1px;
}
.op_ninki_value_5_9{
	background:url('./../Images/op_ninki.png') no-repeat  -180px -41px;
	width: 14px;
	height: 21px;
	float: left;
	margin: 0 1px;
}
.op_ninki_value_6_0{
	background:url('./../Images/op_ninki.png') no-repeat  0 -81px;
	width: 10px;
	height: 17px;
	float: left;
	margin: 0 1px;
}
.op_ninki_value_6_1{
	background:url('./../Images/op_ninki.png') no-repeat  -20px -81px;
	width: 9px;
	height: 17px;
	float: left;
	margin: 0 1px;
}
.op_ninki_value_6_2{
	background:url('./../Images/op_ninki.png') no-repeat  -40px -81px;
	width: 9px;
	height: 17px;
	float: left;
	margin: 0 1px;
}
.op_ninki_value_6_3{
	background:url('./../Images/op_ninki.png') no-repeat  -60px -81px;
	width: 10px;
	height: 17px;
	float: left;
	margin: 0 1px;
}
.op_ninki_value_6_4{
	background:url('./../Images/op_ninki.png') no-repeat  -80px -81px;
	width: 11px;
	height: 17px;
	float: left;
	margin: 0 1px;
}
.op_ninki_value_6_5{
	background:url('./../Images/op_ninki.png') no-repeat  -100px -81px;
	width: 10px;
	height: 17px;
	float: left;
	margin: 0 1px;
}
.op_ninki_value_6_6{
	background:url('./../Images/op_ninki.png') no-repeat  -120px -81px;
	width: 11px;
	height: 17px;
	float: left;
	margin: 0 1px;
}
.op_ninki_value_6_7{
	background:url('./../Images/op_ninki.png') no-repeat  -140px -81px;
	width: 11px;
	height: 17px;
	float: left;
	margin: 0 1px;
}
.op_ninki_value_6_8{
	background:url('./../Images/op_ninki.png') no-repeat  -160px -81px;
	width: 12px;
	height: 17px;
	float: left;
	margin: 0 1px;
}
.op_ninki_value_6_9{
	background:url('./../Images/op_ninki.png') no-repeat  -180px -81px;
	width: 11px;
	height: 17px;
	float: left;
	margin: 0 1px;
}
.op_ninki_value_ulimit{
	background:url('./../Images/op_ninki.png') no-repeat  0 -115px;
	width: 50px;
	height: 26px;
	float: left;
	margin: 0 auto;
}

.op_statistic_container{
	height: 80px;
	width: 240px;
	line-height: 80px;
	float: left;
	overflow: hidden;
}
.op_statistic_caption{
	height: 80px;
	line-height: 80px;
	color: #666666;
	float: left;
	margin-right: 8px;
}
.op_statistic_value{
	float: left;
	margin-right: 14px;
	overflow: hidden;
	max-width: 34px;
	text-overflow: ellipsis;
	padding-top: 1px;
}
.op_like_container{
	float:left;
	height:80px;
	width: 301px;
	overflow: hidden;
	display: block;
}
.op_like_icon{
	width: 28px;
	height: 25px;
	margin:30px 0 0 0;
	padding-right: 2px;
	float: left;
}
.op_like{
	background:url('./../Images/op_like.png') no-repeat;
	cursor: pointer;
}
.op_liked{
	background:url('./../Images/op_liked.png') no-repeat;
	cursor: auto;
}
.op_liked_normal{
	background:url('./../Images/op_like.png') no-repeat;
	cursor: auto;
}
.op_like_hover{
	background:url('./../Images/op_like_hover.png') no-repeat;
}
.op_like_panel{
	position: absolute;
	font-weight: bold;
	font-size: 18px;
	min-width: 28px;
	text-align: center;
	width: auto;
	height: 20px;
	color: #f6c000;
	font-family: 'Arial','Microsoft Yahei';
}
.op_favorite_btn{
	float:right;
	margin:22px 20px 0 0;
	height:36px;
	width: 32px;
	overflow: hidden;
	display: block;
	cursor: pointer;
}
.op_favorite{
	background:url('./../Images/op_favorite.png') no-repeat;
}
.op_favorite:hover{
	background:url('./../Images/op_favorite_hover.png') no-repeat;
}
.op_favorited{
	background:url('./../Images/op_favorited.png') no-repeat;	
}
.op_favorited:hover{
	background:url('./../Images/op_favorited_hover.png') no-repeat;	
}
.op_feed_toolbar{
	width: 100%;
	height:35px;
	border-bottom: 1px solid #dcdcdc;
	overflow: hidden;
	margin: 24px 0 0 0;
	position: relative;
}
.op_feed_toolbar_btn{
	float: left;
	height: 14px;
	min-width: 30px;
	padding: 6px 6px;
	overflow: hidden;
	margin-left: 11px;
	cursor: pointer;
	color: #999999;
}
.op_feed_toolbar_btn_selected{
	color: #666666;
}
.op_feed_container{
	width: 100%;
	min-height:15px;
	overflow: hidden;
}
.op_toolbar_btn_text{
	float: left;
	margin-left: 6px;
	font-size: 14px;
}
.btn_comment_box{
	margin-left: 14px;
}
.op_toolbar_text_box{
	float: right;
	margin-right: 14px;
	height: 14px;
	padding: 6px 6px;
	width: auto;
	text-align: center;
}
.op_feed_toolbar_arrow{
	width: 15px;
	height: 8px;
	top: 52px;
	left:23px;
	background:url('./../Images/feed_panel_arrow.png');
	position: absolute;
}
.op_feed_input_box{
	width: 650px;
	overflow: hidden;
	min-height: 102px;
	/*background-color: #f9f9f9;*/
	margin: 15px auto 0 auto;
	text-align: left;
	/*min-height: 56px;
	border: 1px solid #dcdcdc;
	background-color: #f9f9f9;
	color: #666666;
	margin: 15px auto 0 auto;
	border-radius: 6px;
	text-align: left;
	outline: none;
	padding: 8px 10px;
	line-height: 18px;
	cursor: text;*/
}
/*.op_feed_input_box div{
	line-height: 18px;
}*/
.op_feed_input_tools{
	width: 648px;
	overflow: hidden;
	margin: 0 auto;
} 
.op_feed_check{
	width: 8px;
	height: 8px;
	padding: 4px 4px;
	overflow: hidden;
	float: left;
	cursor: pointer;
	border: 1px solid #dcdcdc;
	border-radius: 3px;
	margin: 16px 6px 0 0;
}
.op_feed_checked{
	background:url('./../Images/feed_checked.png') no-repeat center;
}
.op_feed_check_text{
	margin: 14px 0 0 0;
	height: 22px;
	line-height: 22px;
	float: left;
	color: #999999;
}
.op_feed_word_count{
	margin: 11px 20px 0 0;
	float: right;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
}
.op_feed_send{
	margin: 11px 0 0 0;
	float: right;
	color: #ffffff;
	height: 28px;
	width: 52px;
	border-radius: 5px;
	background:url('./../Images/btn_send_comment.png');
	background-color: #00be99;
	cursor: pointer;
	line-height: 28px;
	font-weight: bold;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
}
.op_feed_send_spread{
	background:url('./../Images/btn_send_spread.png') no-repeat center;
	background-color: #00be99;
}
.op_feed_send_hover{
	background:url('');
	background-color: #00be99;
}
.op_feed_send_isBusy{
	background:url('');
	background-color: #00a480;
}
.op_feed_send_complete{
	background:url('./../Images/btn_send_comment.png') no-repeat center;
	background-color: #00be99;
}

.op_feed_spread_send_complete{
	background:url('./../Images/btn_send_spread.png') no-repeat center;
	background-color: #00be99;
}

.op_feed_comment{
	margin: 11px auto 0 auto;
	/*min-height: 196px;*/
	width: 648px;
	border-top:1px solid #dcdcdc;
	display: none;
}

.op_feed_spread{
	margin: 11px auto 0 auto;
	/*min-height: 196px;*/
	width: 648px;
	border-top:1px solid #dcdcdc;
	display: none;
}
.op_feed_comment_loading{
	display: none;
	margin:83px auto 80px auto;
	background:url('./../Images/loading_min.gif') no-repeat center;
	width: 30px;
	height: 30px;
}
.op_feed_spread_loading{
	display: none;
	margin:83px auto 80px auto;
	background:url('./../Images/loading_min.gif') no-repeat center;
	width: 30px;
	height: 30px;
}
.op_feed_comment_list{
	width: 648px;
	margin: 0 auto 0 auto;
}
.op_feed_spread_list{
	width: 648px;
	margin: 0 auto 0 auto;	
}
.op_getDataFailed{
	padding: 80px 0;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;	
}
.op_getDataFailed a{
	color:#00be99;
}
.op_feed_item{
	width: 648px;
	height: auto;
	min-height: 50px;
	margin: 15px auto 0 auto;
	border-bottom: 1px dotted #dcdcdc;
	display: block;
	overflow: hidden;
	position: relative;
}
.op_feed_user_img_box{
	width: 35px;
	height: 35px;
	float: left;
	position: relative;
}
.op_feed_user_image_mask{
	width: 33px;
	height: 33px;
	position: absolute;
	top:0;
	left: 0;
	z-index: 99;
	border-radius: 50%;
	/*background-color: #cccccc;*/
	border: 1px solid #cccccc;

}
.op_feed_user_image{
	width: 33px;
	height: 33px;
	position: absolute;
	top:1px;
	left: 1px;
	z-index: 999;
	border-radius: 50%;
}
.op_feed_box{
	margin: -4px 0 2px 15px;
	width: 598px;
	text-align: left;
	float: left;
	position: relative;
	overflow: hidden;
	display: block;
	line-height: 20px;
	color:#666666;
	word-break: break-all;
	word-wrap: break-word;
}
.op_feed_owner{
	color: #00be99;
	/*margin-right: 8px;*/
}
.op_feed_item_tools{
	width: 598px;
	margin: 10px 0 5px 50px;
	overflow: hidden;
}
.op_feed_dt{
	float: left;
	height:24px;
	line-height: 24px;
}
.op_feed_delete{
	float: right;
	height:24px;
	line-height: 24px;
	color: #00be99;
	cursor: pointer;
	margin-left: 9px;
	display: none;
}
.op_feed_reply{
	float: right;
	height:24px;
	line-height: 24px;
	color: #00be99;
	cursor: pointer;
	margin-left: 9px;
}
.op_feed_topic{
	float: right;
	height:24px;
	line-height: 24px;
	color: #00be99;
	cursor: pointer;
	margin-left: 9px;
	display: none;
}
.op_feed_btn_splite{
	width: 1px;
	float: right;
	height: 14px;
	display: none;
	background-color:#00be99;
	margin-left:9px;
	margin-top: 5px;
}
.op_feed_page{
	height: 68px;
	width: 648px;
	margin: -1px auto 0 auto;
	border-top: 1px solid #dcdcdc;
	display: none;
}
.op_reply_input_container{
	height:26px;
	width: 596px;
	margin: 32px 0 10px 0;
	display: none;
}
.op_reply_input_box{
	height:26px;
	width: 535px;
	border: 1px solid #dcdcdc;
	border-radius: 6px;
	float: left;
	display: inline-block;
}
.op_reply_to{
	height:26px;
	float: left;
	margin: 0 0 0 11px;
	color:#999999;
	line-height: 26px;
	cursor: pointer;
}
.op_reply_input {
	height:22px;
	width: 452px;
	margin: 0 0 0 5px;
	border: 0;
	float: left;
	color:#666666;
	font-size: 12px;
}
.op_reply_input_send{
	margin: 0 0 0 7px;
	float: right;
	color: #ffffff;
	height: 28px;
	width: 52px;
	border-radius: 5px;
	background:url('./../Images/btn_send_comment.png')  no-repeat center;
	background-color: #00be99;
	cursor: pointer;
	line-height: 28px;
	font-weight: bold;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
}
.op_reply_input_send_hover{
	background:url('');
	background-color: #00be99;
}
.op_reply_input_send_isBusy{
	background:url('');
	background-color: #00a480;
}
.op_reply_input_send_complete{
	background:url('./../Images/btn_send_comment.png') no-repeat center;
	background-color: #00be99;
}

.op_reply_spread_input_send{
	margin: 0 0 0 7px;
	float: right;
	color: #ffffff;
	height: 28px;
	width: 52px;
	border-radius: 5px;
	background:url('./../Images/btn_send_spread.png') no-repeat center;
	background-color: #00be99;
	cursor: pointer;
	line-height: 28px;
	font-weight: bold;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
}
.op_reply_spread_input_send_hover{
	background:url('');
	background-color: #00be99;
}
.op_reply_spread_input_send_isBusy{
	background:url('');
	background-color: #00a480;
}
.op_reply_spread_input_send_complete{
	background:url('./../Images/btn_send_spread.png') no-repeat center;
	background-color: #00be99;
}

.op_reply_flg{
	margin: 0 2px 0 4px;
	color:#999999;
}
.op_spreadOwnerNick{
	color: #00be99;
	margin: 0 8px 0 0;
}
.op_commentOwnerNick{
	color: #00be99;
	/*margin: 0 8px 0 0;*/
}
.op_pager_box{
	float: right;
	height:28px;
	margin-top: 20px;
}
.op_pager_box_center{
	height:28px;
	margin:11px auto 0 auto;
	display: inline-block;
}
.op_pager_number{
	width:28px;
	height:28px;
	line-height: 28px;
	color: #999999;
	background-color:#f2f2f2;
	margin: 0 6px;
	cursor: pointer;
	text-align: center;
	float: left;
	border-radius: 3px;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
}
.op_pager_number_current{
	background-color: #ffffff;
	color:#00be99;
	text-align: center;
	float: left;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
}
.op_pager_number_splite{
	width:28px;
	height:28px;
	line-height: 28px;
	color: #999999;
	background-color:#ffffff;
	margin: 0 6px;
	text-align: center;
	float: left;
	border-radius: 3px;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
}
.op_pager_number_prev{
	width:28px;
	height:28px;
	line-height: 28px;
	margin: 0 6px;
	text-align: center;
	float: left;
	border-radius: 3px;
	background:url('./../Images/op_pager_left.png') center no-repeat;
	background-color:#e7e7e7;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
	cursor: pointer;
}
.op_pager_number_next{
	width:28px;
	height:28px;
	line-height: 28px;
	margin: 0 6px;
	text-align: center;
	float: left;
	border-radius: 3px;
	background:url('./../Images/op_pager_right.png') center no-repeat;
	background-color:#e7e7e7;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
	cursor: pointer;
}
.op_view_topic_mask {
	width: 100%;
	height: 100%;
	position: fixed;
	top:0;
	left:0;
	background-image: url('./../Images/black70.png');
	z-index: 999999999;
	overflow: auto;
	display: none;
	
}
.op_topic_box{
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	cursor:pointer;
}
.op_topic_Form {
	width: 508px;
	border-style: solid;
	border-radius: 6px;
	border:0;
	z-index: 5020;
	display: block;
	margin: 40px auto;
	cursor: auto;
	background-color: #ffffff;
}
.op_topic_FormContainer{
	border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #ffffff;
	background-color: #ffffff;
	height: auto;
	overflow: hidden;
	display: block;
}
.op_topic_form_title_box{
	height: 42px;
	line-height: 42px;
	width: auto;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border: 1px solid #ffffff;
	border-bottom: 1px dotted #cccccc;
}
.op_topic_form_title_icon{
	width: 19px;
	height: 15px;
	background-image: url('./../Images/topic_dialog_icon.png');
	float: left;
	margin: 13px 0 0 16px;
}
.op_topic_form_title_text{
	float: left;
	height: 42px;
	line-height: 42px;
	font-size: 14px;
	font-weight: bold;
	color:#999999;
	margin-left: 5px;
}
.op_topic_form_close{
	float: right;
	height: 11px;
	width: 11px;
	margin: 16px 16px 0 0;
	background-image: url('./../Images/op_topic_close.png');
	cursor: pointer;
}

.op_topic_input_container{
	width: 100%;
	border-bottom: 1px dotted #cccccc;
	height: 60px;
	display: none;
}
.op_topics{
	width: 466px;
	height: 300px;
	padding: 10px 20px 0 20px;
	overflow: auto;
}
.op_topic_form_pager{
	width: 100%;
	height: 50px;
	margin-bottom: 0px;
	text-align: center;
	border-top: 1px dotted #cccccc;
}
.op_topic_reply_input_box{
	height:26px;
	width: 397px;
	border: 1px solid #dcdcdc;
	border-radius: 6px;
	float: left;
	display: inline-block;
	margin:16px 0 16px 20px;
}
.op_topic_reply_to{
	height:26px;
	float: left;
	margin: 0 0 0 11px;
	color:#999999;
	line-height: 26px;
}
.op_topic_reply_input {
	height:22px;
	width: 314px;
	margin: 0 0 0 5px;
	border: 0;
	float: left;
	color:#666666;
	font-size: 12px;
}
.op_topic_reply_input_send{
	margin: 16px 20px 0 0;
	float: right;
	color: #ffffff;
	height: 28px;
	width: 52px;
	border-radius: 5px;
	background:url('./../Images/btn_send_comment.png');
	background-color: #00be99;
	cursor: pointer;
	line-height: 28px;
	font-weight: bold;
	text-align: center;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
}
.op_topic_reply_input_send_hover{
	background:url('');
	background-color: #00be99;
}
.op_topic_reply_input_send_isBusy{
	background:url('');
	background-color: #00a480;
}
.op_topic_reply_input_send_complete{
	background:url('./../Images/btn_send_comment.png');
	background-color: #00be99;
}
.op_topic_item{
	display: block;
	overflow:hidden;
	margin-bottom: 10px;
}
.op_topic_left_viewbox{
	float: left;
}
.op_topic_right_viewbox{
	float: right;
}
.op_topic_left_user_image_container{
	float: left;
	overflow: hidden;
	display: block;
	margin-right: 10px;
	width: 37px;
	height: 37px;
	position: relative;
}
.op_topic_right_user_image_container{
	float: right;
	overflow: hidden;
	display: block;
	margin-left: 10px;
	width: 37px;
	height: 37px;
	position: relative;
}
.op_topic_user_image_mask{
	width: 37px;
	height: 37px;
	position: absolute;
	top:0;
	left: 0;
	z-index: 99;
	/*background-color: #cccccc;*/
	border-radius: 50%;
}
.op_topic_user_image{
	width: 35px;
	height: 35px;
	position: absolute;
	top:1px;
	left: 1px;
	z-index: 99;
	border-radius: 50%;
}
.op_topic_left_text{
	float:left;
	width: 300px;
	border: 2px solid #e5e5e5;
	border-radius: 6px;
	line-height: 22px;
	color: #666666;
	padding:5px 10px;
	display: block;
	text-align: left;
	word-break: break-all;
	word-wrap: break-word;
}
.op_topic_right_text{
	float:right;
	width: 300px;
	border: 2px solid #e5e5e5;
	border-radius: 6px;
	line-height: 22px;
	color: #666666;
	padding:5px 10px;
	text-align: left;
	word-break: break-all;
	word-wrap: break-word;
}
.op_topics_loading{
	width: 466px;
	height: 300px;
	padding: 10px 20px 0 20px;
	overflow: auto;	
	background:url('./../Images/loading_min.gif') no-repeat center;
	display: none;
}
.op_flag{
	margin: 0 20px 0 0 ;
	float: right;
	width: 31px;
	height: 72px;
	cursor: pointer;
}
.op_flag_copr{
	margin: -12px 0 0 0 ;
	background:url('./../Images/op_flag_copr.png') no-repeat center;
	width: 31px;
	height: 61px;
	cursor: pointer;
}
.op_flag_kikaku{
	margin: -12px 0 0 0 ;
	background:url('./../Images/op_flag_kikaku.png') no-repeat center;
	width: 31px;
	height: 61px;
	cursor: pointer;
}
.op_flag_recommend{
	margin: -12px 0 0 0 ;
	background:url('./../Images/op_flag_recommend.png') no-repeat center;
	width: 31px;
	height: 61px;
	cursor: pointer;
}
.op_flag_tip_title_span{
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	color:#999999;
	font-weight: bold;
	overflow: hidden;
	display: block;
	text-align: left;
}
.op_flag_tip_msg_span{
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 6px;
	color:#FFFFFF;
	font-weight: bold;	
	text-align: left;
}
.op_flag_tip_txt_span{
	margin:10px 10px 5px 10px;
	color:#FFFFFF;
	/*font-weight: bold;	*/
	text-align: left;
	line-height: 20px;
	font-size: 12px;
	width: 180px;
}
.op_flag_tip_dt_span{
	margin:0 10px 10px 10px;
	color:#999999;
	/*font-weight: bold;	*/
	text-align: right;
	line-height: 20px;
	font-size: 12px;
	width: 180px;
}
.op_edit_btn{
	width: 142px;
	height: 32px;
	background-color: #00be99;
	color: #ffffff;
	font-weight: bold;
	border-radius: 4px;
	margin: 0 0 0 20px;
	line-height: 26px;
	cursor: pointer;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	float: left;
}
.op_edit_btn:hover{
	background-color: #00a480;
}
.op_del_btn{
	width: 83px;
	height: 32px;
	color: #ffffff;
	font-weight: bold;
	border-radius: 4px;
	margin: 0 23px 0 0;
	line-height: 26px;
	cursor: pointer;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	float: right;
	background-color: #bcbcbc;
}
.op_del_btn:hover{
	background-color: #f01c1c;
}
.op_goTop_container{
	height: 50px;
	display: block;
	overflow: hidden;
	margin: 15px 0 0 0 ;
	display: none;
	float: right;
	width: 282px;
}
.op_goTop_btn{
	width: 50px;
	height: 50px;
	background:url('./../Images/op_gotop.png') no-repeat center;
	cursor: pointer;
	float: right;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
}
.op_goTop_btn:hover{
	background:url('./../Images/op_gotop_hover.png') no-repeat center;	
}
.op_normal_panel{
	overflow: visible;
	display: block;
}
.op_float_panel{
	position: relative;
	display: none;
}
.op_CWSAT_box{
    max-height: 330px;
    display: none;
    margin-top: 23px;
    float: left;
}
.op_CWSAT_box_loading{
	width: 635px;
	height: 110px;
	background:url('./../Images/loading_min_Dark.gif') no-repeat center;
}
.op_CWSAT_loading{
	width: 635px;
	height: 160px;
	float:left;
	background:url('./../Images/loading_min_Dark.gif') no-repeat center;
	display: none;
}
.op_CWSAT_item{
    width: 198px;
    height: 114px;
    background-color: #141414;
    margin-bottom: 10px;
    float: left;
    margin-left: 10px;
}
.op_CWSAT_pager{
	height: 44px;
	background-color: #eeeeee;
	border-bottom-left-radius:5px; 
	border-bottom-right-radius:5px;
	display: none;
}
.op_CWSAT_btn{
	width: 60px;
	height: 26px;
	cursor: pointer;	
	border-radius: 3px;
	margin-top: 10px;
}
.op_CWSAT_btn_prev{
	float: left;
	background:url('./../Images/op_albumn_prev.png') no-repeat center;
	background-color: #999999;
	margin-left: 49px;
}
.op_CWSAT_btn_next{
	float: right;
	background:url('./../Images/op_albumn_next.png') no-repeat center;
	background-color: #999999;
	margin-right: 49px;
}
.op_CWSAT_btn_prev:hover{
	background-color: #666666;
}
.op_CWSAT_btn_next:hover{
	background-color: #666666;
}
.op_CWSAT_item_surface_img_box{
    float: left;
    width: 100px;
    height: 100px;
    position: relative;
    cursor: pointer;
	margin-left: 7px;
    margin-top: 7px;
}
.op_CWSAT_item_surface_img_box_innerborder{
	width: 194px;
    height: 110px;
    border: 2px solid #0091e5;
    position: absolute;
	top: -7px;
    left: -7px;
    display: none;
}
.op_CWSAT_item_surface_img_box_innerborder_highlight{
	width: 194px;
    height: 110px;
    border: 2px solid #444444;
    position: absolute;
    top: -7px;
    left: -7px;
}
.op_CWSAT_item_surface_info{
    float: left;
    width: 75px;
    height: 100px;
    display: block;
    overflow: hidden;
    margin-left: 10px;
    margin-top: 5px;
}
.op_CWSAT_item_surface_title{
	width: 75px;
	line-height:18px;
	max-height: 70px;
	color:#666666;
	word-break: break-all;
	word-wrap: break-word;
	text-overflow: ellipsis;
	overflow: hidden;
}
.op_CWSAT_item_surface_dt{
	width: 75px;
	height: 22px;
	line-height:22px;
	color:#999999;
}

.op_canola_prev{
	width: 110px;
	height: 110px;
	position: fixed;
	border-radius: 50%;
	cursor: pointer;
	/*background-color: blue;*/
}
.op_canola_prev_mask{
	position: absolute;
	width: 110px;
	height: 110px;
}
.op_canola_prev_mask:hover{
	background:url('./../Images/op_canola_prev.png') no-repeat center;
}
.op_canola_prev_img{
	width: 110px;
	height: 110px;
	border-radius: 50%;
}
.op_canola_next{
	width: 110px;
	height: 110px;
	position: fixed;	
	border-radius: 50%;
	cursor: pointer;
	/*background-color: red;*/
}
.op_canola_next_mask{
	position: absolute;
	width: 110px;
	height: 110px;
}
.op_canola_next_mask:hover{
	background:url('./../Images/op_canola_next.png') no-repeat center;
}
.op_canola_next_img{
	width: 110px;
	height: 110px;
	border-radius: 50%;
}
.op_dlg_masklayer {
	width: 100%;
	height: 100%;
	position: fixed;
	top:0;
	left:0;
	background-image: url('./../Images/black80.png');
	z-index: 99999999;
	overflow: hidden;
	display: none;
	cursor: pointer;
}
.op_dlg_isDeleteForm_containter{
	width: 408px;
	height:179px;
	border-style: solid;
	border-radius: 6px;
	border-width: 5px;
	border-color:rgba(0,0,0,0.5);
	z-index: 99999999;
	margin: 240px auto;
	cursor: auto;
}
.op_dlg_isDeleteForm_containter_message{
	background-color: white;
	border-radius: 3px;
	width: 408px;
	height:97px;
	text-align: center;
	font-size: 14px;
	color:#666666;
	font-weight: bold;
	line-height: 36px;
	padding-top: 30px;
}
.op_dlg_isDeleteForm_containter_buttons{
	background-color: #eeeeee;
	border-radius: 3px;
	width: 408px;
	height:55px;
	margin-top: -3px;
}
.op_dlg_isDeleteForm_btn{
	border-radius: 3px;
	width: 60px;
	height:30px;
	line-height:30px;
	font-size: 14px;
	color:white;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	float: left;
	margin-top: 12px;
}
.op_dlg_isDeleteForm_btn_cancel{
	background-color: #00a481;
	margin-left: 110px;
}
.op_dlg_isDeleteForm_btn_cancel_mouseIn{
	background-color: #00886c;
}
.op_dlg_isDeleteForm_btn_ok{
	background-color: #666666;
	margin-left: 60px;
}
.op_dlg_isDeleteForm_btn_ok_mouseIn{
	background-color: #4d4d4d;
}
.op_spread_author_image_box{
	width: 35px;
	height: 35px;
	border-radius: 50%;
	border: 0;
	border: 1px solid #d1d1d1;
	float: left;
	margin-top: 9px;
	margin-right: 8px;
}
.op_spread_author_image{
	width: 35px;
	height: 35px;
	border-radius: 50%;
	border: 0;
}
.op_feed_detail_spread_box_toolbar{
	background-color: #fcfcef;
	height: 46px;
	line-height: 46px;
	border-bottom: 1px solid #dcdcdc; 
	text-align: left;
	padding:0 14px 0 18px;
}
.op_feed_show_org_btn{
	line-height: 26px;
	height: 26px;
	font-size: 12px;
	background-color: #00be99;
	color: #ffffff;
	padding: 0 10px;
	display: inline-block;
	margin-top: 15px;
	border-radius: 5px;
	cursor: pointer;
	font-size: bold;
	float: right;
}	
.op_feed_show_org_btn:hover{
	background-color: #00a480;
}
.op_feed_detail_spread_box_toolbar_right{
	float: right;
	height: 46px;
	line-height: 46px;
}

.op_feed_delete_spread_btn{
	line-height: 26px;
	height: 26px;
	font-size: 12px;
	background-color: #999999;
	color: #ffffff;
	padding: 0 10px;
	display: inline-block;
	margin-top: 15px;
	border-radius: 5px;
	cursor: pointer;
	font-size: bold;
	margin-left: 10px;
	float: right;
}	
.op_feed_delete_spread_btn:hover{
	background-color: #666666;
}

.op_url_sns_container{
	width: 280px;
	text-align: center;
	margin: 15px 0 0 0;
	position: relative;
	height: 24px;
}
.op_sns_item{
	width: 24px;
	height: 24px;
	cursor: pointer;
	float: left;
	margin-right: 16px;
}
.op_sns_wb{
	background: url('./../Images/sns/publish/weibo.png') no-repeat center;
}
.op_sns_tw{
	background: url('./../Images/sns/publish/twitter_dark.png') no-repeat center;
}
.op_sns_fb{
	background: url('./../Images/sns/publish/facebook_dark.png') no-repeat center;
}
.op_emoji_btn{
	width: 31px;
	height: 32px;
	overflow: hidden;
	float: left;
	background: url('./../Images/emoji_hover.png') no-repeat center;
	cursor: pointer;
}
.op_emoji_btn:hover{
	background: url('./../Images/emoji_open.png') no-repeat center;
}

.op_topic_emoji_btn{
	width: 31px;
	height: 32px;
	overflow: hidden;
	float: left;
	background: url('./../Images/emoji_hover.png') no-repeat center;
	cursor: pointer;
}
.op_topic_emoji_btn:hover{
	background: url('./../Images/emoji_open.png') no-repeat center;
}

.next_cur{
	cursor: url('./../Images/img_next.cur'),auto;
}

.prev_cur{
	cursor: url('./../Images/img_prev.cur'),auto;
}

.op_form_break{
	float: left;
	margin: auto 8px;
}

.op_form_statistic{
	float: left;
}

.op_form_breakline{
    clear: both;
    width: 668px;
    height: 2px;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #ececec;
    margin-left: 20px;
    margin-top: 16px;
}

.op_good_container{
    height: 127px;
    width: 711px;
    text-align: center;
    position: relative;
    border-bottom: 1px solid #dcdcdc;
    padding-top: 10px;
}

.op_good_icon{
    height: 90px;
    width: 90px;
    background: url('./../Images/good.png') no-repeat center;
    margin: 0 auto;
    cursor: pointer;
}

.op_good_icon_hover{
	background: url('./../Images/good_hover.png') no-repeat center;
}

.op_smile_icon{
	height: 94px;
    width: 94px;
    background: url('./../Images/smile.png') no-repeat center;
    margin: 0 auto;
    /* padding-top: 2px; */
    cursor: default;
}

.op_toolbar_title{
	height: 40px;
	background-color: #141414;
	font-weight: bold;
	position: relative;
	overflow:visible; 
}

.op_toolbar_text{
	color: #666666;
	margin: 0 auto;
	line-height: 3.4;
}

.op_toolbar_text_break{
	height: 14px;
    margin-left: 7px;
    color: #333333;
    font-weight: bold;
}

.op_albumn_title {
	height: 14px;
    color: #999999;
    font-size: 12px;
    margin-left: -2px;
}

.op_form_albumnChange{
	font-size: 12px;
    color: #0091e5;
    margin-left: 22px;
    font-family: 'SimSun';
    cursor: pointer;
}

.op_form_albumnChange2{
	font-size: 12px;
    color: #0091e5;
    margin-left: 23px;
    font-family: 'SimSun';
    display: inline-block;
    width: 48px;
    cursor: default;
}

.op_CWSAT_prev_controller{
    width: 24px;
    height: 112px;
    float: left;
    background: url('./../Images/relative_prev.png') no-repeat center;
    background-color: #333333;
    margin-left: 10px;
    margin-top: 23px;
    border-radius: 3px;
    border: 1px solid #141414;
}

.op_CWSAT_next_controller{
    width: 24px;
    height: 112px;
    float: right;
    background: url('./../Images/relative_next.png') no-repeat center;
    background-color: #333333;
    margin-right: 10px;
    margin-top: 23px;
    border-radius: 3px;
    border: 1px solid #141414;
}

.op_CWSAT_prev_controller_hover{
	background-color: #0091e5;
	border: 1px solid #0091e5;
	cursor: pointer;
}

.op_CWSAT_next_controller_hover{
	background-color: #0091e5;
	border: 1px solid #0091e5;
	cursor: pointer;
}

.focus_unlink{
	float: left;
    width: 16px;
    height: 16px;
    margin: 8px auto auto 15px;
	background: url('./../Images/submit.png') no-repeat center;
}

.focus{
	float: left;
    width: 16px;
    height: 16px;
    margin: 8px auto auto 15px;
	background: url('./../Images/focus.png') no-repeat center;
}


.focus_font{
    float: left;
    margin: 3px auto auto 19px;
}

.Umsg{
	float: left;
    width: 19px;
    height: 14px;
    margin: 9px auto auto 20px;
	background: url('./../Images/op_umail.png') no-repeat center;
}

.Umsg_font{
    float: left;
    margin: 3px auto auto 10px;
}

.reedit{
	float: left;
    width: 14px;
    height: 14px;
    margin: 9px auto auto 15px;
	background: url('./../Images/reedit.png') no-repeat center;
}

.reedit_font{
    float: left;
    margin: 3px auto auto 10px;
}

.del{
	float: left;
    width: 15px;
    height: 17px;
    margin: 7px auto auto 15px;
	background: url('./../Images/op_del_btn.png') no-repeat center;
}

.del_font{
    float: left;
    margin: 3px auto auto 10px;
}

.unfocus{
	width: 113px;
	height:32px;
	line-height: 26px;
	text-align: center;
	background-color: #f01c1c;
	color: #ffffff;
	float: left;
	margin-left: 20px;
	cursor: pointer;
	border-radius: 3px;
	font-weight: bold;
}

.unfo{
	float: left;
    width: 12px;
    height: 12px;
    margin: 10px auto auto 15px;
	background: url('./../Images/unfo.png') no-repeat center;
}

.unfo_font{
    float: left;
    margin: 3px auto auto 21px;
}

.op_content_character_box{
	padding: 0 5px;
    text-align: left;
    margin-left: 5px;
    line-height: 20px;
    margin-bottom: 5px;
}

.fast_container{
	width: 80px;
    height: 93px;
    float: left;
    margin-left: 10px;
    margin-top: 13px;
    position: relative;
}

.op_fast_container{
    width: 280px;
    height: 110px;
    border: 1px solid #d0d0d0;
    background-color: #ffffff;
    border-bottom: 1px dotted #d0d0d0;
    text-align: center;
    position: relative;
    border-top-color: #ffffff;
}

.fast_good{
	width: 60px;
	height: 60px;
	margin: 0 auto;
	cursor: pointer;
	background: url('./../Images/fast_good.png') no-repeat center;
}

.fast_good:hover{
	background: url('./../Images/fast_good_hover.png') no-repeat center;
}

.fast_good_finish{
	width: 60px;
	height: 60px;
	margin: 0 auto;
	background: url('./../Images/fast_good_finish.png') no-repeat center;
}

.fast_good_font{
	color: #00be99;
	margin: 0 auto;
	font-family: 'SimSun';
	font-weight: bold;
	font-size: 14px;
	margin-top: 10px;
}

.fast_collection{
	width: 60px;
	height: 60px;
	margin: 0 auto;
	cursor: pointer;
	background: url('./../Images/fast_collection.png') no-repeat center;
}

.fast_collection_hover{
	background: url('./../Images/fast_collection_hover.png') no-repeat center;
}

.fast_collection_finish{
	width: 60px;
	height: 60px;
	margin: 0 auto;
	cursor: pointer;
	background: url('./../Images/fast_collection_finish.png') no-repeat center;
}

.fast_collection_cancel{
	width: 60px;
	height: 60px;
	margin: 0 auto;
	cursor: pointer;
	background: url('./../Images/fast_collection_cancel.png') no-repeat center;
}

.fast_collection_font{
	color: #ffae00;
}

.fast_collection_cancel_font{
	color: #f01c1c;
}

.fast_foward{
	width: 60px;
	height: 60px;
	margin: 0 auto;
	cursor: pointer;
	background: url('./../Images/fast_foward.png') no-repeat center;
}

.fast_foward:hover{
	background: url('./../Images/fast_foward_hover.png') no-repeat center;
}

.fast_foward_font{
	color: #d52b2a;
}

.op_fast_comment_container{
	width: 280px;
    border: 1px solid #d0d0d0;
    background-color: #ffffff;
    text-align: center;
    position: relative;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px dotted #d0d0d0;
    margin: 15px 0 0 0;
}

.op_feed_input_box2{
	width: 258px;
	overflow: hidden;
	min-height: 34px;
	/*background-color: #f9f9f9;*/
	margin: 15px auto 0 auto;
	text-align: left;
	/*min-height: 56px;
	border: 1px solid #dcdcdc;
	background-color: #f9f9f9;
	color: #666666;
	margin: 15px auto 0 auto;
	border-radius: 6px;
	text-align: left;
	outline: none;
	padding: 8px 10px;
	line-height: 18px;
	cursor: text;*/
}

.op_feed_input_tools2{
	width: 258px;
	overflow: hidden;
	margin: 0 auto 10px;
} 

.op_feed_send2{
	margin: 11px 0 0 0;
	float: right;
	color: #ffffff;
	height: 28px;
	width: 52px;
	border-radius: 5px;
	background:url('./../Images/btn_send_comment.png');
	background-color: #00be99;
	cursor: pointer;
	line-height: 28px;
	font-weight: bold;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
}

.relation{
	width: 210px;
    height: 145px;
    position: absolute;
    bottom: 37px;
    left: 248px;
    z-index: 999999;
    background-color: rgba(0, 0, 0, 0);
}

.rect_top{
	width: 210px;
    height: 33px;
    font-family: 'SimSun';
    font-size: 12px;
    border-radius: 3px;
    z-index: 999999;
    position: absolute;
    top: -3px;
    left: 0;
    background-color: #0091e5;
}

.op_albumn_combo_list{
	color: #FFFFFF;
    width: 210px;
    height: 98px;
    border-radius: 3px;
    z-index: 999999;
    position: absolute;
    top: 32px;
    left: 0;
    background-color: #0091e5;
}

.triangle{
    width: 13px;
    height: 7px;
    z-index: 999999;
    position: absolute;
    bottom: 8px;
    left: 100px;
    background: url('./../Images/triangle.png') no-repeat center;
}

.op_feed_send_hover2{
	background:url('');
	background-color: #00be99;
}



.op_feed_send_isBusy2{
	background:url('');
	background-color: #00a480;
}



.op_feed_send_complete2{
	background:url('./../Images/btn_send_comment.png') no-repeat center;
	background-color: #00be99;
}



.op_feed_spread_send_complete2{
	background:url('./../Images/btn_send_spread.png') no-repeat center;
	background-color: #00be99;
}



.rect_top_font{
	margin: 3px 0 3px 10px;
    text-align: left;
    line-height: 2.2;
    font-weight: lighter;
}

.relation_sumbit_font{
	float: left;
	font-size: 12px;
	font-family: 'SimSun';
}

.relation_sumbit_font_cancel{
	float: left;
	width: 34px;
	height: 20px;
	border-radius: 3px;
	background:url('./../Images/unfo.png') no-repeat center;
	background-color: #00588c;
	margin-top: 4px;
    margin-left: 5px;
    cursor: pointer;
}

.relation_sumbit_font_cancel:hover{
	background-color: #00456d;
}

.relation_sumbit_font_submit{
	float: left;
	width: 34px;
	height: 20px;
	border-radius: 3px;
	background:url('./../Images/submit.png') no-repeat center;
	background-color: #00588c;
	margin-top: 4px;
    margin-left: 5px;
    cursor: pointer;
}

.relation_sumbit_font_submit:hover{
	background-color: #00456d;
}

.triangle_red{
	width: 13px;
	height: 7px;
	bottom: 1px;
	left: 83px;
	position: absolute;
	z-index: 999999;
	background: url('./../Images/triangle_red.png');
}

.fav_cancel_panel{
	width: 177px;
    height: 37px;
    background-color: rgba(0,0,0,0);
    top: -37px;
    left: 50px;
    z-index: 999999;
    position: absolute;
}

.cancel_panel{
    width: 177px;
    height: 30px;
    top: 0px;
    left: 1px;
    z-index: 999999;
    position: absolute;
    border-radius: 5px;
    background-color: #f01c1c;
}

.cancel_panel_font{
    margin: 3px 0 3px 10px;
    text-align: left;
    line-height: 2;
    font-weight: lighter;
    font-family: 'SimSun';
    color: #ffffff;
    float: left;
}

.fav_cancel_panel_cancel{
	float: left;
	width: 34px;
	height: 20px;
	border-radius: 3px;
	background:url('./../Images/unfo.png') no-repeat center;
	background-color: #a80000;
	margin-top: 5px;
    margin-left: 10px;
    cursor: pointer;
}

.fav_cancel_panel_cancel:hover{
	background-color: #760000;
}

.fav_cancel_panel_submit{
	float: left;
	width: 34px;
	height: 20px;
	border-radius: 3px;
	background:url('./../Images/submit.png') no-repeat center;
	background-color: #a80000;
	margin-top: 5px;
    margin-left: 5px;
    cursor: pointer;
}

.fav_cancel_panel_submit:hover{
	background-color: #760000;
}

.op_feed_input_box3{
	width: 258px;
	overflow: hidden;
	min-height: 34px;
	/*background-color: #f9f9f9;*/
	margin: 15px auto 0 auto;
	text-align: left;
	/*min-height: 56px;
	border: 1px solid #dcdcdc;
	background-color: #f9f9f9;
	color: #666666;
	margin: 15px auto 0 auto;
	border-radius: 6px;
	text-align: left;
	outline: none;
	padding: 8px 10px;
	line-height: 18px;
	cursor: text;*/
}

.op_feed_input_tools3{
	width: 258px;
	overflow: hidden;
	margin: 0 auto 10px;
} 

.op_feed_send3{
	margin: 11px 0 0 0;
	float: right;
	color: #ffffff;
	height: 28px;
	width: 52px;
	border-radius: 5px;
	background:url('./../Images/btn_send_comment.png');
	background-color: #00be99;
	cursor: pointer;
	line-height: 28px;
	font-weight: bold;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
}

.op_feed_send_hover3{
	background:url('');
	background-color: #00be99;
}



.op_feed_send_isBusy3{
	background:url('');
	background-color: #00a480;
}



.op_feed_send_complete3{
	background:url('./../Images/btn_send_comment.png') no-repeat center;
	background-color: #00be99;
}



.op_feed_spread_send_complete3{
	background:url('./../Images/btn_send_spread.png') no-repeat center;
	background-color: #00be99;
}

.op_reply_input_box2{
    height: 26px;
    /* width: 270px; */
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
}

.op_reply_input2 {
    height: 22px;
    width: 252px;
    margin: 0 0 0 5px;
    border: 0;
    float: left;
    color: #666666;
    font-size: 12px;
}

.btn_disable{
/*	opacity: 0;*/
	cursor: default;
}

.op_feed_word_count2 {
    margin: 11px 10px 0 0;
    float: right;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
}

.op_share_link {
    background-color: #dcdcdc;
    color: #999999;
    border: 0;
    display: block;
    /* float: left; */
    height: 24px;
    line-height: 24px;
    width: 260px;
    border-radius: 4px;
    /* padding: 2px; */
    /* margin-right: 10px; */
    cursor: text;
    margin-left: 10px;
    margin-bottom: 10px;
}

.op_share_input {
	height: 22px;
    width: 246px;
    margin: 0 0 0 9px;
    border: 0;
    float: left;
    color: #999999;
    font-size: 12px;
    background-color: rgba(0,0,0,0);
    cursor: text;
    font-family: 'Arial';
}
.op_point_anim_icon{
	width: 26px;
	height: 26px;
	overflow: hidden;
	position: absolute;
	background:url('./../Images/float_icon_like.png') no-repeat center;
	top:0;
	display: none;
	z-index: 100000;
}

.albumtag_clicked{
	background-color: #0076ba;
}

.op_reply_emoji_btn{
	width: 31px;
	height: 32px;
	overflow: hidden;
	float: left;
	background: url('./../Images/emoji_light.png') no-repeat center;
	cursor: pointer;
}

.op_reply_emoji_btn:hover{
	background: url('./../Images/emoji_hover.png') no-repeat center;
}

.btn_focus_each{
	width: 113px;
	height:32px;
	line-height: 26px;
	text-align: center;
	background-color: #ffa00b;
	color: #ffffff;
	float: left;
	margin-left: 20px;
	cursor: pointer;
	border-radius: 3px;
	font-weight: bold;
}

.btn_focus_each_icon{
	float: left;
    width: 13px;
    height: 12px;
    margin: 10px auto auto 16px;
    background: url('./../Images/focus_each.png') no-repeat center;
}


.btn_isFollowed{
	width: 113px;
	height:32px;
	line-height: 26px;
	text-align: center;
	background-color: #00a480;
	color: #ffffff;
	float: left;
	margin-left: 20px;
	cursor: pointer;
	border-radius: 3px;
	font-weight: bold;
}




.unfocus{
	width: 113px;
	height:32px;
	line-height: 26px;
	text-align: center;
	background-color: #f01c1c;
	color: #ffffff;
	float: left;
	margin-left: 20px;
	cursor: pointer;
	border-radius: 3px;
	font-weight: bold;
}

.unfo{
	float: left;
    width: 12px;
    height: 12px;
    margin: 10px auto auto 15px;
	background: url('./../Images/unfo.png') no-repeat center;
}

.unfo_font{
    float: left;
    margin: 3px auto auto 21px;
}



.op_focus_fav_cancel_panel{
	width: 177px;
    height: 37px;
    background-color: rgba(0,0,0,0);
    top: -37px;
    left: -13px;
    z-index: 999999;
    position: absolute;
}

.op_focus_cancel_panel{
    width: 177px;
    height: 30px;
    top: 0px;
    left: 1px;
    z-index: 999999;
    position: absolute;
    border-radius: 5px;
    background-color: #f01c1c;
}

.op_focus_cancel_panel_font{
    margin: 3px 0 3px 10px;
    text-align: left;
    line-height: 2;
    font-weight: lighter;
    font-family: 'SimSun';
    color: #ffffff;
    float: left;
}

.op_focus_fav_cancel_panel_cancel{
	float: left;
	width: 34px;
	height: 20px;
	border-radius: 3px;
	background:url('./../Images/unfo.png') no-repeat center;
	background-color: #a80000;
	margin-top: 5px;
    margin-left: 10px;
    cursor: pointer;
}

.op_focus_fav_cancel_panel_cancel:hover{
	background-color: #760000;
}

.op_focus_fav_cancel_panel_submit{
	float: left;
	width: 34px;
	height: 20px;
	border-radius: 3px;
	background:url('./../Images/submit.png') no-repeat center;
	background-color: #a80000;
	margin-top: 5px;
    margin-left: 5px;
    cursor: pointer;
}

.op_focus_fav_cancel_panel_submit:hover{
	background-color: #760000;
}


.op_focus_triangle_red{
	width: 13px;
	height: 7px;
	bottom: 1px;
	left: 83px;
	position: absolute;
	z-index: 999999;
	background: url('./../Images/triangle_red.png');
}

.op_project_container{
    width: 280px;
    border: 1px solid #d0d0d0;
    background-color: #ffffff;
    border-top-color: #ffffff;
    border-bottom: 1px dotted #d0d0d0;
    position: relative;
}

.op_pro_titile{
	font-weight: bold;
	color: #666666;
	height:28px;
	line-height: 32px;
	width:230px;
	margin-left: 8px;
	margin-bottom: -4px;
	display: inline;
}

.op_pro_detail{
	color: #00be99;
	height:28px;
	line-height: 32px;
	float: right;
	margin-right: 9px;
}

.op_pro_intro{
    background-color: #e72b4f;
    border-radius: 3px;
    margin: 1px auto 10px;
    width: 259px;
    height: auto;
    position: relative;
    overflow: visible;
    -moz-user-select:-moz-none;
	-webkit-user-select: none;
}

.op_pro_text{
	font-size: 14px;
    color: #FFFFFF;
    /* float: left; */
    font-weight: bold;
    margin: 5px auto 5px;
    padding: 0;
    /* padding-left: 5px; */
    margin-left: 13px;
    width: 233px;
    height: auto;
    line-height: 23px;
    text-align: left;
    display: inline-block;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    word-break: break-all;
	word-wrap: break-word;
}

.op_dpVRF_Step1_vid_image_container{
	width: 104px;
    height: 118px;
    overflow: hidden;
    background-color: #d0d0d0;
    -webkit-clip-path: polygon(52px 0,104px 28px,104px 90px,52px 118px,0 90px,0 28px);
    clip-path: polygon(52px 0,104px 28px,104px 90px,52px 118px,0 90px,0 28px);
    position: relative;
    margin-left: 15px;
    float: left;
    cursor: pointer;
}

.op_dpVRF_Step1_vid_image{
	width: 100px;
    height: 114px;
    overflow: hidden;
    -webkit-clip-path: polygon(50px 1px,99px 28px,99px 86px,50px 113px,0 86px,0 28px);
    clip-path: polygon(50px,0 100px,30px 100px,84px 50px,114px 0,84px 0,30px);
    /* background-color: #272727; */
    position: absolute;
    top: 2px;
    left: 2px;
}

.op_CP{
	width: 29px;
	height: 16px;
	background: url('./../Images/LT/CP.png') no-repeat center;
	margin-top: 51px;
	float: left;
	margin-left: 5px;
}

.op_cp_container{
	width: 280px;
	height: 118px;
	margin-bottom: 10px;
}

.op_cp_response_title{
	margin-top: 10px;
	margin-left: 10px;
	color: #e72b4f;
	font-size: 12px;
	font-weight: bold;
	font-family: 'Arial';
}

.op_cp_response_content{
	width: 125px;
	height: 81px;
	font-size: 14px;
	font-family: 'Arial';
	margin-top: 5px;
	margin-left: 10px;
	line-height: 25px;
	overflow: hidden;
}

.op_cp_img{
	width: 125px;
	height: 125px;
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	cursor: pointer;
}

.op_cp_author{
	margin-top: 6px;
	margin-left: 10px;
	color: #00be99;
	font-size: 12px;
	font-family: 'Arial';
}

.op_selected_role_panel{
	width: 220px;
	height: 80px;
	margin-left: 31px;
	margin-top: 10px;
	border-radius: 3px;
	background-color: #ebc46e;
}

.op_hex_color_picker_1{background-color: #ff0039;}
.op_hex_color_picker_2{background-color: #ff7744;}
.op_hex_color_picker_3{background-color: #ffdc28;}
.op_hex_color_picker_4{background-color: #82e99f;}
.op_hex_color_picker_5{background-color: #58d0e2;}
.op_hex_color_picker_6{background-color: #9b82ff;}
.op_hex_color_picker_7{background-color: #ff7be1;}
.op_hex_color_picker_8{background-color: #000000;}
.op_hex_color_picker_9{background-color: #ffffff;}

.op_daily_role_selected_hexagon{
	width: 54px;
    height: 60px;
    overflow: hidden;
    margin-top: 10px;
    background-color: rgba(27,27,27,0.6);
    -webkit-clip-path: polygon(27px 0,54px 15px,54px 45px,27px 60px,0 45px,0 15px);
    clip-path: polygon(27px 0,54px 15px,54px 45px,27px 60px,0 45px,0 15px);
    position: relative;
    margin-left: 15px;
    float: left;
}

.op_daily_role_section_panel_hexagon_white{
	width: 50px;
    height: 56px;
    overflow: hidden;
    background-color: #fff;
    -webkit-clip-path: polygon(25px 0,50px 14px,50px 42px,25px 56px,0 42px,0 14px);
    clip-path: polygon(25px 0,50px 14px,50px 42px,25px 56px,0 42px,0 14px);
    float: left;
    position: absolute;
    top: 2px;
    left: 2px;
}

.op_selected_role_name{
	width: 90px;
    font-size: 14px;
    font-family: 'Arial';
    color: #fff;
    float: left;
    margin-left: 41px;
    margin-top: 31px;
    font-weight: bold;
    text-overflow: ellipsis;
    word-break: break-all;
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
}

.op_cpline{
	width: 220px;
    height: 16px;
    margin-left: 31px;
    margin-top: 9px;
    margin-bottom: 9px;
}

.op_line{
	width: 86px;
    height: 2px;
    float: left;
    margin-top: 6px;
    /* margin-right: 0px; */
    background-color: #999999;
}

.op_cp{
	width: 29px;
    height: 16px;
    margin-left: 9px;
    background: url('./../Images/LT/CP.png') no-repeat center;
    float: left;
    margin-right: 9px;
}

.op_act_npc_panel{
	width: 216px;
	height: 86px;
	border: 2px solid #999;
	overflow: hidden;
	margin: 10px auto 0 auto;
	border-radius: 3px;
	transition:all 0.1s linear;
	-moz-transform:all 0.1s linear;
	-webkit-transform:all 0.1s linear;
	-o-transform:all 0.1s linear;
	cursor: pointer;
}
.op_act_npc_panel_h{
	background-color: #557690;
	border-color: #557690;
	transition:all 0.1s linear;
	-moz-transform:all 0.1s linear;
	-webkit-transform:all 0.1s linear;
	-o-transform:all 0.1s linear;
}
.op_act_npc_panel_x{
	background-color: #a68abd;
	border-color: #a68abd;
	transition:all 0.1s linear;
	-moz-transform:all 0.1s linear;
	-webkit-transform:all 0.1s linear;
	-o-transform:all 0.1s linear;
}
.op_act_npc_panel_l{
	background-color: #3c7f84;
	border-color: #3c7f84;
	transition:all 0.1s linear;
	-moz-transform:all 0.1s linear;
	-webkit-transform:all 0.1s linear;
	-o-transform:all 0.1s linear;
}
.op_act_npc_panel_xlt{
	background-color: #1195e6;
	border-color: #1195e6;
	transition:all 0.1s linear;
	-moz-transform:all 0.1s linear;
	-webkit-transform:all 0.1s linear;
	-o-transform:all 0.1s linear;
}
.op_act_npc_image{
	width: 55px;
	height: 74px;
	margin-left: 10px;
	margin-top: 5px;
	overflow: hidden;
	float: left;
}
.op_act_npc_name_box{
	width: 118px;
	height: 86px;
	line-height: 86px;
	overflow: hidden;
	color: #fff;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	float: left;
	transition:all 0.1s linear;
	-moz-transform:all 0.1s linear;
	-webkit-transform:all 0.1s linear;
	-o-transform:all 0.1s linear;
}


.op_act_npc_panel_h>.op_act_npc_image{
	background: url('./../Images/BigParty2017/pform_npc_shotcut.png') no-repeat -120px 0;
}
.op_act_npc_panel_x>.op_act_npc_image{
	background: url('./../Images/BigParty2017/pform_npc_shotcut.png') no-repeat -60px 0;
}
.op_act_npc_panel_l>.op_act_npc_image{
	background: url('./../Images/BigParty2017/pform_npc_shotcut.png') no-repeat 0 0;
}
.op_act_npc_panel_xlt>.op_act_npc_image{
	background: url('./../Images/BigParty2017/pform_npc_shotcut.png') no-repeat -180px 0;
}