einen on-mouseover-Effekt einbauen in ein Theme 2016 - mit Demo u. Codeschnippel

Hallo guten Abend community,

Worum es heute geht: einen on-mouseover-Effekt einbauen in ein Theme 2014 (extended) - aber im Grunde ist das dasselbe wie bei einem Theme 2016.

Es geht um die Seite: http://www.literaturen.org

Also - worum geht es: habe einen kvk-katalog auf einer Seite eingebaut in einem advanced-i-Frame - vgl. die o.g. Seite.
ich will Effekt erhalten wie hier sichtbar: http://imgur.com/a/VpNuj

Nun werde ich das iframe aufrufen - suchen - das die advanced-i-Frame beinhaltet.
Es ist in einer Spalte drinne mit einer begrenzeten Weite.
Es soll "on mouseover" größer werden.

Werde - um diesen Effekt zu erhalten das folgende ausprobieren:

.su-column-inner #advanced-iframe-iframe:hover {
    height: 400px;
    position: absolute;
    width: 800px;
    background: #fff;
    z-index: 9999;
    padding: 25px;
    border: 1px solid #cdcdcd !important;
}

was meint Ihr denn!?

das hier läuft schon mal ganz gut -....

.su-column-inner #advanced_iframe:hover {
    height: 400px;
    position: absolute;
    width: 800px;
    background: #fff;
    z-index: 9999;
    padding: 25px;
    border: 1px solid #cdcdcd !important;
}

mit zusätzlich dem hier

.su-column-inner #advanced_iframe {
    -webkit-transition: .2s ease-out; 
    -moz-transition: .2s ease-out; 
    transition: .2s ease-out;
}

nun werd ich noch etwas abstimmen...