css - foundation5 カスタム軌道左/右矢印

Question

私は軌道スライドショーから取られたこのコードを持っていますカスタム次の前のボタンリンク左右矢印

.orbit-container .orbit-prev span,
.orbit-container .orbit-next span {
    color: red;
    border: none;
    font-size: 70px;
    text-indent: 0;
    margin-top: -32px;
}

.orbit-container .orbit-prev {
    background-color: transparent;
}
.orbit-container .orbit-prev span:before {
    content: "\2039";
}
.orbit-container .orbit-next {
    background-color: transparent;
}
.orbit-container .orbit-next span:before {
    content: "\203A";
}

これは機能しますが、自分の矢印に置き換えようとすると機能しません!

私はカスタム矢印を持っていて、それらをfontelloにインポートしたので、私のfontello.cssファイルには次のものがあります:

.icon-arrow_left_navigate_previous:before { content: '\e846'; } /* '' */
.icon-arrow_right_navigate_next:before { content: '\e847'; } /* '' */

これをクラスとして使用すると機能しますが、内部で使用しようとすると

.orbit-container .orbit-prev span:before {
        content: "\e846";
}
.orbit-container .orbit-next span:before {
        content: "\e847";
}

これは動作しません！

<i class="icon-arrow_left_navigate_previous"></i>しかし、左矢印が表示されます。

アドバイスをいただければ幸いです。