Для указания собственных стилей CSS плеера, используйте специальный атрибут data-classname, которой дает возможность в качестве значения задать собственный класс для элемента в который загружается iframe плеера. Обратите внимания, что данный параметр отменяет настройку data-ratio, если они заданы или стоят по умолчанию, в таком случаи Вам нужно применить стили для данного блока и к iframe внутри его.


Пример кода HTML с указаниям стилей:

<style type="text/css">
.test-class {
    position: relative;
    border: 9px solid #4caf50;
    margin: auto;
    width: 460px;
    height: 240px;
    overflow: hidden;
}
.test-class iframe {
    position: absolute;
    padding: 15px 15px 15px 15px;
    width: 100%;
    height: 100%;
    top: 0px;
    bottom: 0px;
    left: 0px;
    border: 0px;
    background: #000000;
}
</style>
<div id="kinoplayertop" data-kinopoisk="444" data-classname="test-class"></div>
<script src="//kinoplayer.top/top.js"></script>



Результат: