Is it possible remove black frame around Vimeo video

We have a Vimeo video on our site at: http://skytran.net/intro/ that is responsive (with HTML and CSS included below) but we don’t like the thick black border around the video. Can you suggest how we could remove this border? If it’s not possible to remove it, would you suggest the CSS that would allow us to change the color?

The HTML for our video is:

<div class=”js-video [vimeo, widescreen]”><iframe style=”width:100%; height:100%; frameborder:0; byline:0; title:0;” src=”//player.vimeo.com/video/98497797″ webkitallowfullscreen mozallowfullscreen allowfullscreen seamless></iframe></div>

And the supporting CSS is:

.js-video {
height: 0;
padding-top: 25px;
padding-bottom: 67.5%;
margin-bottom: 10px;
position: relative;
overflow: hidden;
}

.js-video.widescreen {
padding-bottom: 57.25%;
}

.js-video.vimeo {
padding-top: 0;
}

.js-video embed, .js-video iframe, .js-video object, .js-video video {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
}

Thanks in advance for any help you can offer.