Css-Klassen adressieren bzw. verknüpfen

Hallo zusammen,

ich möchte hier http://test.bac.ag/test-7/
Folgendes erreichen:

Ich habe auf dem thme "jobera" mit dem visual composer ein Bild-/ und ein Textelement eingefügt und dazu jeweils eine css-Klasse angelegt "preview" und " textbox". Dem Bildelement sind die sichtbaren hover-effekte zugewiesen.
Ich möchte nun meine textbox-klasse ebenfalls manipulieren, wenn ich über "preview" hover, schaffe es aber nicht die beiden Klassen so anzulegen bzw. ztu verknüpfen, dass ich mit der einen die andere ansprechen kann.

* {
* {
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
          -ms-box-sizing: border-box;
    box-sizing: border-box;
}
 
.preview {
     border: 1px solid #000; 
    width: 270px;  
    height: 180px;
       float: left;
     margin: -5px;
      overflow: hidden;  
    text-align: center;
}


#textbox {
opacity:0,5;
}


/*ZOOM*/
.preview img {
     width: 270px;
    height:180px;
    opacity: 0.5;
    float: center;
    transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
}
 
.preview :hover {
    max-width: 300px;
    width: 300px;
    height:200px;
    opacity: 1;


}


.textbox {
}

Wie muss ich die Klassen also anlegen, damit ich gewünschten Effekt erreiche, oder muss ich einen zusätzlichen container anlegen, in den ich beide Klassen integriere?

Gruß,
chris

Zitat von pixselig

Hallo
Entferne mal das Leerzeichen, also

Code

.preview:hover

LG

Hmm und dann? Die "preview" funtkioniert ja schon so wie gewünscht. Das hat ja keinen effekt auf meine textbox.

Ok,

.preview:hover + #textbox {}

das geht leider nicht. Werde es jetzt mit einem zusätzlichen div probieren.

Danke für die Hilfe

LG