Css 如何在cycle2循环覆盖中更改字体颜色

我正在我的网站中使用Clycle2图像滑块。我想更改循环覆盖中的样式。我可以改变字体大小。但是使用CSS我不能改变字体颜色。它总是给我灰色。请帮我做这个

#us-img-container{
    margin: 0px;
    padding: 0px;
    cursor: pointer;
}
#us-container{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    background: #fff;
}
#us-slideshow{
    width: 100%;
}
#us-slideshow img{
    width: 100%;
}
#us-pager{
    height: 70px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.9);
    z-index: 10000;
    opacity: 0;
    text-align: center;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#us-slideshow:hover + #us-pager{
    opacity: 1;
}
#us-pager:hover {
    opacity: 1;
}
#us-prev{
    height: 20px;
    width: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 15px;
    z-index: 1000;
    opacity: 0.6;
    cursor: pointer;
}
#us-next{
    height: 20px;
    width: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto 10px;
    z-index: 1000;
    opacity: 0.6;
    cursor: pointer;
}
#us-pager img{
    height: 60px;
    width: 95px;
    margin: 5px 5px;
    opacity: 0.5;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#us-pager img:hover{
    opacity: 1;
    transform: scale(1.05);
    z-index: 100;
}




/* overlay */
.cycle-overlay { 
    font-family: NotoSans-Regular !important;
    position: absolute;
    bottom: 0; 
    width: 100%;
    height: 40px;
    z-index: 600;
    padding: 7px 7px 7px 10px;
    background-color: rgba(0, 0, 0, 0.1) !important;
    font-size: 16px;
    color: rgba(255, 255, 255,1) !important;
    text-align: center;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}


.cycle-slideshow:hover .cycle-overlay{
    bottom: 70px !important; 
}


/* 
    media queries 
    some style overrides to make things more pleasant on mobile devices
*/

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    .cycle-slideshow { width: 200px;}
    .cycle-overlay { padding: 4px }
    .cycle-caption { bottom: 4px; right: 4px }
}

$.ajax({
url:'/ori/.jpg'，//或您的url
成功：功能（数据）{
document.getElementById（'sliderú'）.src='/ori/.jpg'；
},
错误：函数（数据）{
document.getElementById（'slider_216;'）.src=''；
}
});
“onclick=“goToDownloads（）”
数据周期描述=“-”>

我想，我已经找到了解决方案。我已经在下面的CSS中对其进行了评论

.cycle-overlay {
    font-family: NotoSans-Regular !important;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    z-index: 600;
    padding: 7px 7px 7px 10px;
    background-color: rgba(0, 0, 0, 0.1) !important;
    font-size: 16px;
    color: rgba(255, 255, 255,1) !important;  /* <-- remove !important */
    text-align: center;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

---

请您提供您正在尝试执行的操作的代码片段。@shubhamkhandelwal我将为问题添加代码。请检查此代码并给我一个解决方案。我尝试了两种方法。但仍然没有更改字体颜色。

.cycle-overlay {
    color: red !important;
}