#tiles{list-style-type:none;position:relative;margin:0;padding:0}#tiles li:hover img{opacity:.8}#tiles li{width:335px;background-color:#fff;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;cursor:pointer;border-radius:.2em}#tiles li img{border-top-left-radius:.2em;border-top-right-radius:.2em}#tiles li.inactive{visibility:hidden;opacity:0}#tiles li img{width:100%}footer{text-align:center}footer a{color:#435dc5;text-decoration:none}.progress-bar{background-color:#0bc20b;height:2px;position:absolute;top:0;left:0;right:0;width:0;box-shadow:0 1px 3px rgba(11,194,11,0.2);-webkit-transition:width .3s ease-out;-moz-transition:width .3s ease-out;-o-transition:width .3s ease-out;transition:width .3s ease-out}.wookmark-placeholder{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;background-color:#eee;border:1px solid #dedede;z-index:-1}.example-tiles{position:relative;margin:0;padding:0}.example-tiles li{display:block;list-style-type:none;float:left;margin:5px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.example-tiles a,.example-tiles a:hover{color:#555;background-color:#eee;text-align:center;display:table-cell;vertical-align:middle;width:200px;height:200px;font-size:2em;font-weight:bold;text-decoration:none;border:1px solid #ddd;box-shadow:0 1px 3px rgba(0,0,0,0.4);padding:5px 8px;border-radius:3px}.example-tiles a:hover{background-color:#ddd}@media only screen and (max-width:320px) and (min-width:240px){#tiles li{width:266px}}.conter-list-video img{transition:transform .5s ease}.conter-list-video img:hover{transform:scale(1.1)}