Slider Proでの角丸指定

Question

下記サイトで配布されているSlider Proというものを使用しています。

http://bqworks.com/slider-pro/

これを使用して表示させた画像の角を丸くするにはどうしたらいいのでしょうか？
サイト内の画像は全てborder-radius:10pxで丸角にしているので、
このスライダーで表示させている画像にも同じようにborder-radius:10pxを指定したいです。

このスライダーでは、下記のように記述して画像を表示させるので（参考サイト）

<div id="任意名" class="slider-pro">
  <div class="sp-slides">
    <div class="sp-slide">
      <img class="sp-image" src="img/01.jpg" />
    </div>
    <div class="sp-slide">
      <img class="sp-image" src="img/02.jpg" />
    </div>
    <div class="sp-slide">
      <img class="sp-image" src="img/03.jpg" />
    </div>
  </div>
</div>
```サイト全体のCSSで
```css
.sp-image {
  border-radius: 10px;
}
```と指定してみましたが変化がありませんでした。（角がとがったまま）
一応このスライダー用のデフォルトCSSにも同様に追記してみましたがダメでした。
当方初心者のため、自分ではお手上げ状態で...
このスライダーはjsで組まれているようなので、
それもなにか関係しているのでしょうか...。（私はjsは全く分かりません...。）
皆様のお力をお借りできますと幸いです。よろしくお願い致します。

Comments

[yoshinavi]

画像も用意されたものが表示や動作に問題なければJSは一応問題無いかと思います。クロームで参考サイトを見て、「F12」ボタンで開発者ツールを使用し、該当箇所のCSSを「kei344」さんご提案のコードで試して見て、ご自分のサイトの該当箇所を修正してみてください。