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

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    margin-top: 0;
}
[class^="icon-"]:before,[class*=" icon-"]:before{
	text-decoration: inherit;
	display: inline-block;
	speak: none;
}

a[class^="icon-"],a[class*=" icon-"] {
	display: inline-block;
}
.icon-move:before { content: "\f047"; }
.icon-remove-sign:before { content: "\f057"; }
.icon-resize-vertical:before      { content: "\f07d"; }

.hotspot-wrapper{}

.hotspot-wrapper .image-wrapper{position:relative;float:left;}
.hotspot-wrapper .hotspot-dot{position:absolute;font-size:1.5em;background:url(../images/hotspot.png) 0 0;display:block;width:30px;height:40px;margin:-40px 0 0 -15px;color:#fff;
opacity:0.5;
filter:alpha(opacity=50);
-moz-transition:all 1s;
-webkit-transition:all 1s;
-o-transition:all 1s;
transition:all 1s;
}
.hotspot-wrapper .hotspot-dot:hover, .hotspot-wrapper .hotspot-dot.active{opacity:1;filter:alpha(opacity=100);
-moz-transition:all 0;
-webkit-transition:all 0;
-o-transition:all 0;
transition:all 0;
}
.hotspot-wrapper .hotspot-dot span{position:absolute;top:4px;left:6px;}
.hotspot-wrapper .hotspot-dot .hotspot-delete{position:absolute;top:-11px;right:-8px;font-size:1em;color:#ff0000;display:none;}
.hotspot-wrapper .hotspot-dot .hotspot-delete:hover{color:#bf0000}
.hotspot-wrapper .hotspot-dot:hover .hotspot-delete{display:block;}
.hotspot-wrapper img{max-width:800px}

.hotspot-input-wrapper{clear:both;overflow:auto;margin:0 0 1em 0;padding:1em;}
.hotspot-input-wrapper.active{background:#ccc;}
.hotspot-input-wrapper .icon-resize-vertical,
.hotspot-input-wrapper .xposition,
.hotspot-input-wrapper .yposition,
.hotspot-input-wrapper .text,
.hotspot-input-wrapper .orientation,
.hotspot-input-wrapper .hotspot-delete
{float:left;margin:0 1em 0 0;}
.hotspot-input-wrapper .xposition input,
.hotspot-input-wrapper .yposition input
{width:4em;}
.hotspot-input-wrapper .text input{width:30em;}
.hotspot-input-wrapper .icon-resize-vertical,
.hotspot-input-wrapper .hotspot-delete{line-height:2em;color:#ff0000;}
.hotspot-input-wrapper .hotspot-delete:hover{color:#bf0000}