
/* Frame background: #398c25;*/
.frame {overflow: hidden; margin: 0 0 0 0;}
.frame ul {list-style: none;margin: 0;padding: 0;height: 100%;}
.frame ul li {float: left;height: 100%;margin: 0 10px 0 0;padding: 0;text-align: center;cursor: pointer;}
/*.frame ul li.active {color: #eee;}*/

.frame .img{margin:0 0 0 0;height: 200px; }
.frame .sly-header{height: 45px; background:url(/public/img/patterns/glass-b70.png);font-weight:bold;text-overflow: clip; overflow: hidden;text-shadow:1px 1px 7px rgba(0, 0, 0, 1); color:#eee; padding: 0 5px 0 5px;}

.frame .sly-header:hover{background:#111;}

.frame .sly-price{margin-top: 120px; background:url(/public/img/patterns/glass-b50.png);padding:3px;text-decoration:none;}

/* Scrollbar */
.scrollbar {margin: 1em 0 0 0;height: 2px;background: #ccc;line-height: 0;}
.scrollbar .handle {width: 100px;height: 100%;background: #292a33;cursor: pointer;}
.scrollbar .handle .mousearea {position: absolute;top: -9px;left: 0;width: 100%;height: 20px;}

/* таб с рулеткой */
.sly_content {color:#eee;padding:10px; background:url(/public/img/patterns/glass-b70.png); border-right:1px solid #fff; border-bottom:1px solid #333; border-left:1px solid #333; }


/*#videos .tree_video_block {height:120px; background: #000 center center no-repeat; background-size: 100%;} -moz-background-size: 100%; background: #000 center center fixed no-repeat;*/
#videos .tree_video_block { background: #000 center center no-repeat; background-size: 100%;}


#epnitems_sly{position: relative;padding: 0px;margin-bottom: 0;}
#epnitems_sly .frame ul li {width:240px; height:210px;}
#epnitems_sly .thumbnail:hover {background: #000;}
#epnitems_sly .thumbnail .caption {height:60px;}
#epnitems_sly .thumbnail img { margin:0 auto; padding-top:10px;}
#epnitems_sly .thumbnail  a{text-decoration: none;}
#epnitems_sly .img_block { background: #000 center center no-repeat; height:140px;}


/* видосы ---------------------------------------------------------*/
#videos .thumbnail { background: #000;position: relative;padding: 5px;margin-bottom: 0; }
#videos .frame ul li {width:270px;}
#videos .thumbnail:hover {background: #000;}
#videos .thumbnail:hover .caption { color:#fff; }
#videos .thumbnail  a{text-decoration: none;}
#videos .thumbnail .caption {height:60px; color:#aaa; font-weight: normal; transition:all 500ms ease-in-out;}
#videos .thumbnail img { margin:0 auto; padding-top:10px;}
#videos .tree_video_block {height:147px;}

#videos .thumbnail .glyphicon-play-circle{
    font-size: 80px;
    opacity: 0.6;
    position: absolute;
    right: 39%;
    top: 25%;
    text-shadow: 0 1px 3px rgba(0,0,0,.5);
    transition:all 500ms ease-in-out;
    
}
#videos .thumbnail > a:hover .glyphicon-play-circle{
	color:#fff;
	opacity:1;
	text-shadow:0 1px 3px rgba(0,0,0,.8);
}
