html { background-color: #666; margin: 0; padding: 0; }
body { font-family: sans-serif; width: 700px; padding: 20px; background-color: white; margin: 0 auto; }

#gallery { position: relative; width: 700px; height: 467px; border: 1px solid #ccc; }
#gallery iframe { width: 100%; height: 100%; border: none; }
#gallery img { width: 100%; height: auto; }
#gallery .eye-over { font-size: 200px; color: white; -webkit-text-stroke: 5px black; cursor: pointer; }
#gallery * { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

#gallery_controls { margin-bottom: 10px; }
#gallery_controls * { display: block; padding: 8px; font-weight: bold; cursor: pointer; background-color: #ccc; border-radius: 8px; }
#gallery_controls .prev { float: left; }
#gallery_controls .next { float: right; }
#gallery_controls .quit { float: left; position: relative; left: 50%; transform: translateX(-50%); }
#gallery_controls::after { clear: both; display: block; content: ' '; height: 0; overflow: hidden; }

.green { font-weight: bold; color: #5bb405; }

.description { width: 700px; }

.params::after { clear: both; display: block; content: ' '; height: 0; overflow: hidden; }
.params .col { width: 350px; float: left; }
.params .col::after { clear: both; display: block; content: ' '; height: 0; overflow: hidden; }
.params .col .line { border-bottom: 1px solid #ccc; width: 340px; }
.params .col .line::after { clear: both; display: block; content: ' '; height: 0; overflow: hidden; }
.params .col .line .name { float: left; width: 190px; }
.params .col .line .value { float: left; width: 150px; }


h1 { font-weight: normal; font-size: 26px; }
div.address { font-size: 22px; color: #aaa; }
div.price { font-size: 28px; }