@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.face_panel .pic{
	background-image: url("../img/qqface.png");
	width: 24px;
	height: 24px;
	display: block;
}

.face_edit_panel .pic{
	background-image: url("../img/qqface.png");
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
}
.face_panel ul li {
	float: left;
	width: 13%;
	text-align: center;
	overflow: hidden;
	margin: 6px 0;
}
.face_panel ul li img{
	width: 55px;
	height:55px;
}

.face_panel .pic_1 ,.face_edit_panel  .pic_1{
	background-position: -0px -0px;
}

.face_panel .pic_2  ,.face_edit_panel  .pic_2{
	background-position: -24px -0px;
}

.face_panel .pic_3  ,.face_edit_panel  .pic_3{
	background-position: -48px -0px;
}

.face_panel .pic_4  ,.face_edit_panel  .pic_4{
	background-position: -72px -0px;
}

.face_panel .pic_5  ,.face_edit_panel  .pic_5{
	background-position: -96px -0px;
}

.face_panel .pic_6  ,.face_edit_panel  .pic_6{
	background-position: -120px -0px;
}

.face_panel .pic_7  ,.face_edit_panel  .pic_7{
	background-position: -144px -0px;
}

.face_panel .pic_8  ,.face_edit_panel  .pic_8{
	background-position: -168px -0px;
}

.face_panel .pic_9  ,.face_edit_panel  .pic_9{
	background-position: -192px -0px;
}

.face_panel .pic_10  ,.face_edit_panel  .pic_10{
	background-position: -216px -0px;
}

.face_panel .pic_11  ,.face_edit_panel  .pic_11{
	background-position: -240px -0px;
}

.face_panel .pic_12  ,.face_edit_panel  .pic_12{
	background-position: -264px -0px;
}

.face_panel .pic_13  ,.face_edit_panel  .pic_13{
	background-position: -288px -0px;
}

.face_panel .pic_14  ,.face_edit_panel  .pic_14{
	background-position: -312px -0px;
}

.face_panel .pic_15  ,.face_edit_panel  .pic_15{
	background-position: -336px -0px;
}

.face_panel .pic_16  ,.face_edit_panel  .pic_16{
	background-position: -360px -0px;
}

.face_panel .pic_17  ,.face_edit_panel  .pic_17{
	background-position: -384px -0px;
}

.face_panel .pic_18  ,.face_edit_panel  .pic_18{
	background-position: -408px -0px;
}

.face_panel .pic_19  ,.face_edit_panel  .pic_19{
	background-position: -432px -0px;
}

.face_panel .pic_20  ,.face_edit_panel  .pic_20{
	background-position: -456px -0px;
}

.face_panel .pic_21  ,.face_edit_panel  .pic_21{
	background-position: -0px -24px;
	width: 22px;
	height: 22px;
}

.face_panel .pic_22  ,.face_edit_panel  .pic_22{
	background-position: -22px -24px;
}

.face_panel .pic_23  ,.face_edit_panel  .pic_23{
	background-position: -46px -24px;
}

.face_panel .pic_24  ,.face_edit_panel  .pic_24{
	background-position: -70px -24px;
}

.face_panel .pic_25  ,.face_edit_panel  .pic_25{
	background-position: -94px -24px;
}

.face_panel .pic_26  ,.face_edit_panel  .pic_26{
	background-position: -118px -24px;
}

.face_panel .pic_27  ,.face_edit_panel  .pic_27{
	background-position: -142px -24px;
}

.face_panel .pic_28  ,.face_edit_panel  .pic_28{
	background-position: -166px -24px;
}

.face_panel .pic_29 ,.face_edit_panel  .pic_29{
	background-position: -190px -24px;
}

.face_panel .pic_30 ,.face_edit_panel  .pic_30{
	background-position: -214px -24px;
}

.face_panel .pic_31 ,.face_edit_panel  .pic_31{
	background-position: -238px -24px;
}

.face_panel .pic_32 ,.face_edit_panel  .pic_32{
	background-position: -262px -24px;
}

.face_panel .pic_33 ,.face_edit_panel  .pic_33{
	background-position: -286px -24px;
}

.face_panel .pic_34 ,.face_edit_panel  .pic_34{
	background-position: -310px -24px;
}

.face_panel .pic_35 ,.face_edit_panel  .pic_35{
	background-position: -334px -24px;
}

.face_panel .pic_36 ,.face_edit_panel  .pic_36{
	background-position: -358px -24px;
}

.face_panel .pic_37 ,.face_edit_panel  .pic_37{
	background-position: -382px -24px;
}

.face_panel .pic_38 ,.face_edit_panel  .pic_38{
	background-position: -406px -24px;
}

.face_panel .pic_39 ,.face_edit_panel  .pic_39{
	background-position: -430px -24px;
}

.face_panel .pic_40 ,.face_edit_panel  .pic_40{
	background-position: -454px -24px;
}

.face_panel .pic_41 ,.face_edit_panel  .pic_41{
	background-position: -0px -48px;
}

.face_panel .pic_42 ,.face_edit_panel  .pic_42{
	background-position: -24px -48px;
}

.face_panel .pic_43 ,.face_edit_panel  .pic_43{
	background-position: -48px -48px;
}

.face_panel .pic_44 ,.face_edit_panel  .pic_44{
	background-position: -72px -48px;
}

.face_panel .pic_45 ,.face_edit_panel  .pic_45{
	background-position: -96px -48px;
}

.face_panel .pic_46 ,.face_edit_panel  .pic_46{
	background-position: -120px -48px;
}

.face_panel .pic_47 ,.face_edit_panel  .pic_47{
	background-position: -144px -48px;
}

.face_panel .pic_48 ,.face_edit_panel  .pic_48{
	background-position: -168px -48px;
}

.face_panel .pic_49 ,.face_edit_panel  .pic_49{
	background-position: -192px -48px;
}

.face_panel .pic_50 ,.face_edit_panel  .pic_50{
	background-position: -216px -48px;
}

.face_panel .pic_51 ,.face_edit_panel  .pic_51{
	background-position: -240px -48px;
}

.face_panel .pic_52 ,.face_edit_panel  .pic_52{
	background-position: -264px -48px;
}

.face_panel .pic_53 ,.face_edit_panel  .pic_53{
	background-position: -288px -48px;
}

.face_panel .pic_54 ,.face_edit_panel  .pic_54{
	background-position: -312px -48px;
}

.face_panel .pic_55 ,.face_edit_panel  .pic_55{
	background-position: -336px -48px;
}

.face_panel .pic_56 ,.face_edit_panel  .pic_56{
	background-position: -360px -48px;
}

.face_panel .pic_57 ,.face_edit_panel  .pic_57{
	background-position: -384px -48px;
}

.face_panel .pic_58 ,.face_edit_panel  .pic_58{
	background-position: -408px -48px;
}

.face_panel .pic_59 ,.face_edit_panel  .pic_59{
	background-position: -432px -48px;
}

.face_panel .pic_60 ,.face_edit_panel  .pic_60{
	background-position: -456px -48px;
}

.face_panel .pic_61 ,.face_edit_panel  .pic_61{
	background-position: -0px -72px;
}

.face_panel .pic_62 ,.face_edit_panel  .pic_62{
	background-position: -24px -72px;
}

.face_panel .pic_63 ,.face_edit_panel  .pic_63{
	background-position: -48px -72px;
}

.face_panel .pic_64 ,.face_edit_panel  .pic_64{
	background-position: -72px -72px;
}

.face_panel .pic_65 ,.face_edit_panel  .pic_65{
	background-position: -96px -72px;
}

.face_panel .pic_66 ,.face_edit_panel  .pic_66{
	background-position: -120px -72px;
}

.face_panel .pic_67 ,.face_edit_panel  .pic_67{
	background-position: -144px -72px;
}

.face_panel .pic_68 ,.face_edit_panel  .pic_68{
	background-position: -168px -72px;
}

.face_panel .pic_69 ,.face_edit_panel  .pic_69{
	background-position: -192px -72px;
}

.face_panel .pic_70 ,.face_edit_panel  .pic_70{
	background-position: -216px -72px;
}

.face_panel .pic_71 ,.face_edit_panel  .pic_71{
	background-position: -240px -72px;
}

.face_panel .pic_72 ,.face_edit_panel  .pic_72{
	background-position: -264px -72px;
}

.face_panel .pic_73 ,.face_edit_panel  .pic_73{
	background-position: -288px -72px;
}

.face_panel .pic_74 ,.face_edit_panel  .pic_74{
	background-position: -312px -72px;
}

.face_panel .pic_75 ,.face_edit_panel  .pic_75{
	background-position: -336px -72px;
}

.face_panel .pic_76 ,.face_edit_panel  .pic_76{
	background-position: -360px -72px;
}

.face_panel .pic_77 ,.face_edit_panel  .pic_77{
	background-position: -384px -72px;
}

.face_panel .pic_78 ,.face_edit_panel  .pic_78{
	background-position: -408px -72px;
}

.face_panel .pic_79 ,.face_edit_panel  .pic_79{
	background-position: -432px -72px;
}

.face_panel .pic_80 ,.face_edit_panel  .pic_80{
	background-position: -456px -72px;
}

.face_panel .pic_81 ,.face_edit_panel  .pic_81{
	background-position: -0px -96px;
}

.face_panel .pic_82 ,.face_edit_panel  .pic_82{
	background-position: -24px -96px;
}

.face_panel .pic_83 ,.face_edit_panel  .pic_83{
	background-position: -48px -96px;
}

.face_panel .pic_84 ,.face_edit_panel  .pic_84{
	background-position: -72px -96px;
}

.face_panel .pic_85 ,.face_edit_panel  .pic_85{
	background-position: -96px -96px;
}

.face_panel .pic_86 ,.face_edit_panel  .pic_86{
	background-position: -120px -96px;
}

.face_panel .pic_87 ,.face_edit_panel  .pic_87{
	background-position: -144px -96px;
}

.face_panel .pic_88 ,.face_edit_panel  .pic_88{
	background-position: -168px -96px;
}

.face_panel .pic_89 ,.face_edit_panel  .pic_89{
	background-position: -192px -96px;
}

.face_panel .pic_90 ,.face_edit_panel  .pic_90{
	background-position: -216px -96px;
}

.face_panel .pic_91 ,.face_edit_panel  .pic_91{
	background-position: -240px -96px;
}

.face_panel .pic_92 ,.face_edit_panel  .pic_92{
	background-position: -264px -96px;
}

.face_panel .pic_93 ,.face_edit_panel  .pic_93{
	background-position: -288px -96px;
}

.face_panel .pic_94 ,.face_edit_panel  .pic_94{
	background-position: -312px -96px;
}

.face_panel .pic_95 ,.face_edit_panel  .pic_95{
	background-position: -336px -96px;
}

.face_panel .pic_96 ,.face_edit_panel  .pic_96{
	background-position: -360px -96px;
}

.face_panel .pic_97 ,.face_edit_panel  .pic_97{
	background-position: -384px -96px;
}

.face_panel .pic_98 ,.face_edit_panel  .pic_98{
	background-position: -408px -96px;
}

.face_panel .pic_99 ,.face_edit_panel  .pic_99{
	background-position: -432px -96px;
}

.face_panel .pic_100 ,.face_edit_panel  .pic_100{
	background-position: -456px -96px;
}

.face_panel .pic_101 ,.face_edit_panel  .pic_101{
	background-position: -0px -120px;
}

.face_panel .pic_102 ,.face_edit_panel  .pic_102{
	background-position: -24px -120px;
}

.face_panel .pic_103 ,.face_edit_panel  .pic_103{
	background-position: -48px -120px;
}

.face_panel .pic_104 ,.face_edit_panel  .pic_104{
	background-position: -72px -120px;
}

.face_panel .pic_105 ,.face_edit_panel  .pic_105{
	background-position: -96px -120px;
}

.face_panel .pic:hover {
	cursor: pointer;
	opacity: 0.8;
}

.face_panel {
	width: 490px;
	height: 182px;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	padding: 5px;
	box-shadow: 0 0 5px #CCCCCC;
	position: absolute;
	display: none;
	background: #FFF;
	z-index:999;
	display: none;
	overflow: hidden;
	top: 265px;
    left: 129px
}