Apply CSS to Metaslider (Dots and Background caption)

Hi, this is a very cool plugin (ml-slider), I really like it, but I would like to do a few changes.

I’d like to change the black background caption to a crimson one, also the dots that slides the photos.

I’ve been exploring the CSS but it doesn’t apply this:

a.cs-button-metaslider_224{
background-color:#DE2134;}

(I’ve extracted this from Style Bot)
Help Please.

Also i want to change the caption background colour

And I’d to Add the following CSS the style.css file

.metaslider .caption,
.metaslider .cs-title,
.metaslider .nivo-caption {
    background: red; /* adjust as necessary */
}

But it doesn’t do anything I don’t know
If you know how to use this..
Thanks

http://wordpress.org/plugins/ml-slider/