将响应滑块div上的文本垂直居中

Question

我正在使用名为Slippry的jQuery插件：http://slippry.com/

我正在使用Ken Burns样式的滑块效果：http://slippry.com/examples/pictures/

Slippry插件很好，并为我提供了我想要的横幅图形的Ken Burns效果，但是，我还需要找到一种方法来垂直居中一些文字和一个图标在Ken Burns滑块上。这被证明是一个真正的挑战。我无法获得我的codepen示例来正确引用Slippry的js和css文件，但您可以看到我如何设置HTML，CSS和jQuery设置以供参考：http://codepen.io/sdejaneiro/pen/KrOpBz?editors=1000

HTML：

 <div id="box">
  <div class="banner-text">
    <div id="Box-Img" class="clearfix">
      <img id="image" src="http://placehold.it/100x100">
    </div>
    <p id="text">
      LOREM IPSOM DOLOR
    </p>
    <p id="text1">
      Donec sollicitudin ipsum quam, ut fringilla lectus mattis ac. Aenean sit amet arcu ac erat sodales imperdiet ac eget ex.
    </p>
  </div>
  <ul id="slippry-demo">
    <!--Loop over the 3 images for the Ken Burns slider here-->
  </ul>
</div>

然后文本需要垂直居中于Ken Burns滑块的右侧，每次我尝试让事情正常工作时，我永远不会在我的生活中让文本垂直居中于包含滑块的div项目。我可以将文本放在#box div的垂直中心，但我不能得到#box div或只是＃banner-text div本身，其内容垂直居中于Ken Burns滑块。我不知道它是否与这个事实有关，滑块设计为垂直和水平响应缩放

我想保留Slippry插件，因为它提供了良好的Ken Burns效果，而且我找不到允许以我想要的方式定位文本的插件。

有没有办法让这种情况发生？有没有人遇到过像滑块/横幅插件这样的自定义问题？任何建议或例子都会很棒，因为我完全被难倒了。