Disable css hover using javascript/jquery

How I can disable CSS hover using javascript, I have a CSS hover like this:

.bgImg:hover {
    border: 7px solid red;
    height: 138px !important;
}

But I want to disable this hover after 2 seconds using javascript/jquery.
Thanks