﻿﻿/*引入字体*/
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot');
  src: url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
.bk-icon {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.bk-icon-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.bk-icon-2x {
  font-size: 2em;
}
.bk-icon-3x {
  font-size: 3em;
}
.bk-icon-4x {
  font-size: 4em;
}
.bk-icon-5x {
  font-size: 5em;
}

/*增加*/
.bk-icon-add{
	*zoom:expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf055;');
}
.bk-icon-add:before {
    content: "\f055";
}

/*修改*/
.bk-icon-edit{
	*zoom:expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf044;');
}
.bk-icon-edit:before {
    content: "\f044";
}

/*删除*/
.bk-icon-delete{
	*zoom:expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf014;');
}
.bk-icon-delete:before{
	content: "\f014";
}

/*查看*/
.bk-icon-show{
	*zoom:expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf192;');
}
.bk-icon-show:before{
	content: "\f192";
}

/*启用*/
.bk-icon-play{
	*zoom:expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf04b;');
}
.bk-icon-play:before{
	content: "\f04b";
}

/*停用*/
.bk-icon-stop{
	*zoom:expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf04d;');
}
.bk-icon-stop:before{
	content: "\f04d";
}

/*暂停*/
.bk-icon-pause{
	*zoom:expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf04c;');
}
.bk-icon-pause:before{
	content: "\f04c";
}

/*设置*/
.bk-icon-cog{
	*zoom:expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf013;');
}
.bk-icon-cog:before{
	content: "\f013";
}

/*对勾*/
.bk-icon-check{
	*zoom:expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf00c;');
}
.bk-icon-check:before{
	content: "\f00c";
}

/*保存*/
.bk-icon-save{
	*zoom:expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0c7;');
}
.bk-icon-save:before{
	content: "\f0c7";
}

/*发布*/
.bk-icon-publish{
	*zoom:expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf045;');
}
.bk-icon-publish:before{
	content: "\f045";
}

/*历史*/
.bk-icon-history{
	*zoom:expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf1da;');
}
.bk-icon-history:before{
	content: "\f1da";
}

/*飞机*/
.bk-icon-plane{
	*zoom:expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf1d8;');
}
.bk-icon-plane:before{
	content: "\f1d8";
}

/*转移*/
.bk-icon-change{
	*zoom:expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0ec;');
}
.bk-icon-change:before{
	content: "\f0ec";
}

/*锁定*/
.bk-icon-lock{
	*zoom:expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf023;');
}
.bk-icon-lock:before{
	content: "\f023";
}

/*解锁*/
.bk-icon-unlock{
	*zoom:expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf13e;');
}
.bk-icon-unlock:before{
	content: "\f13e";
}

.bk-icon-up{
	*zoom:expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf062;');
}
.bk-icon-up:before{
	content: "\f062";
}

.bk-icon-down{
	*zoom:expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf063;');
}
.bk-icon-down:before{
	content: "\f063";
}

/*列表*/
.bk-icon-list{
	*zoom:expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf03a;');
}
.bk-icon-list:before{
	content: "\f03a";
}

/*统计*/
.bk-icon-chart{
	*zoom:expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf080;');
}
.bk-icon-chart:before{
	content: "\f080";
}

/*检索*/
.bk-icon-search{
	*zoom:expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf002;');
}
.bk-icon-search:before{
	content: "\f002";
}

/*叉*/
.bk-icon-x{
	*zoom:expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf00d;');
}
.bk-icon-x:before{
	content: "\f00d";
}


/*房子*/
.bk-icon-home{
	*zoom:expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf015;');
}
.bk-icon-home:before{
	content: "\f015";
}
/*消息*/
.bk-icon-msg{
	*zoom:expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf086;');
}
.bk-icon-msg:before{
	content: "\f086";
}



/*如果需要添加图片图标，请使用下面的方式*/

/*删除*/
.bk-icon-img-mark{
	background-image:url(../images/tanhao12x12.png);
    background-repeat:no-repeat;
	width: 12px;
	height: 12px;
}
.bk-icon-img-home{
	background-image:url(../images/home16x16.png);
    background-repeat:no-repeat;
	width: 12px;
	height: 12px;
}

/*附件*/
.bk-icon-img-doc{
	background:url(../images/doctype.png) no-repeat 0px -20px;
	width: 16px;
	height: 16px;
}
.bk-icon-img-docx{
	background:url(../images/doctype.png) no-repeat 0px -60px;
	width: 16px;
	height: 16px;
}
.bk-icon-img-ppt{
	background:url(../images/doctype.png) no-repeat 0px -167px;
	width: 16px;
	height: 16px;
}
.bk-icon-img-pptx{
	background:url(../images/doctype.png) no-repeat 0px -167px;
	width: 16px;
	height: 16px;
}
.bk-icon-img-xls{
	background:url(../images/doctype.png) no-repeat 0px -272px;
	width: 16px;
	height: 16px;
}
.bk-icon-img-xlsx{
	background:url(../images/doctype.png) no-repeat 0px -272px;
	width: 16px;
	height: 16px;
}
.bk-icon-img-pdf{
	background:url(../images/doctype.png) no-repeat 0px -104px;
	width: 16px;
	height: 16px;
}
.bk-icon-img-txt{
	background:url(../images/doctype.png) no-repeat 0px -209px;
	width: 16px;
	height: 16px;
}
.bk-icon-img-img{
	background:url(../images/doctype.png) no-repeat 0px -20px;
	width: 16px;
	height: 16px;
}
.bk-icon-img-other{
	background:url(../images/doctype.png) no-repeat 0px -20px;
	width: 16px;
	height: 16px;
}
.bk-icon-img-dwg{
	background:url(../images/all_icon.png) no-repeat -300px -500px;
	width: 16px;
	height: 16px;
}


/*全部图标*/
.bk-ii{
    background: url(../images/all_icon.png) no-repeat;
    width: 16px;
    height: 16px;
    line-height: 16px;
    display: inline-block;
    vertical-align:middle;
}

.bk-ii-alert{
	background-position: -20px -200px;
}



/*颜色*/
.bk-success {
    color: #87B87F;
}

.bk-info {
	color: #6FB3E0;
}

.bk-warning {
	color: #FFB752;
}

.bk-error {
	color: #D15B47;
}



