.page-container{
position:relative;
overflow:hidden;
}
.wrap{
position:relative;
max-width:1140px;
}
.frame {
height: 280px;
margin-top:50px;
padding: 0;
border: 0px dotted gray;
}
.frame .slidee {
margin: 0;
padding: 0;
height: 100%;
list-style: none;
}
.frame .slidee li {
position:relative;
float: left;
display:block;
z-index:1;
overflow:hidden;
margin: 0 5px 0 0;
padding: 0;
width: 220px;
height: 220px;
border-radius:100%;
box-shadow: 1px 1px 8px #000!important;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-webkit-transition: all .5s ease-in-out;
transition: all .4s ease-in-out;
}
.frame .slidee li.active {
cursor:pointer;
transform:scale(1.2,1.2);
z-index:2;
}
.card{
border:0;
}
.scrollbar {
height: 5px;
}
.scrollbar .handle {
width: 100px; height: 100%;
background: #888;
}