* {
    margin:0;
    padding:0;
}

.webtour {
    float:left;
    width:685px;
}

.webtour-inner {
    float:left;
    padding:10px;
}

.webtour-images {

}

.webtour-images iframe{
    border:5px solid #fff;
    box-shadow: 0 0 5px #999;
    margin-bottom: 20px;
}

.webtour-nav {
    float:left;
}

.webtour-nav li {
    list-style: none;
    float:left;
    width:120px;
    margin-right: 5px;
    height: 140px;
    text-align: center;
    background-color:#fff;
    margin-bottom: 5px;
    box-shadow: 0 0 2px #999;
}

.webtour-nav img {
    margin: 10px;
    border:3px solid #fff;
}

.webtour-nav a {
   text-decoration: none;
   color:#999;
   font-size: 11px;
   font-weight: normal;
   font-family: verdana;
   width: 120px;
   float:left;
   text-align: center;
   height: 140px;
   opacity: 0.8;
   -webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.webtour-nav a:hover {
    opacity: 1;
    background-color: #f15407;
    color:#fff;
}

.webtour-nav .active {
    opacity: 1;
    background-color: #f15407;
    color:#fff;
}