/* LESS Document */
/* LESS Document */
/*-----------------------------------------------------------------------------------
VARIABLES
-----------------------------------------------------------------------------------*/
/*National*/
/*links*/
/*-----------------------------------------------------------------------------------
MIXINS
-----------------------------------------------------------------------------------*/
.video-page-search-box .sidebar-search {
  margin-bottom: 20px;
}
/*overwirite breadcrumb*/
#breadcrumb {
  display: none;
}
/*#overwirite breadcrumb*/
/*overwrite page-heading*/
.page-heading {
  margin-top: 10px;
}
/*#overwrite page-heading*/
/*VIDEO VIEWER*/
#video-viewer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  margin-bottom: 10px;
  /*.aside-left*/
  /*.aside-right*/
  /*.video-info*/
  /*:after*/
}
#video-viewer .aside-left {
  float: left;
  width: 656px;
}
#video-viewer .aside-right {
  float: right;
  width: 304px;
}
#video-viewer .video-info {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 14px;
  padding-left: 0px;
  /*.title*/
  /*.summary*/
  /*.desc*/
  /*.attr*/
  /*.share-links*/
}
#video-viewer .video-info .title {
  font-size: 24px;
  line-height: 28px;
  margin-top: 5px;
  color: #333;
}
#video-viewer .video-info .summary {
  font-size: 12px;
  color: #888;
  margin-bottom: 10px;
}
#video-viewer .video-info .attr {
  font-size: 12px;
  font-style: italic;
}
#video-viewer .video-info .attr span {
  font-weight: 700;
}
#video-viewer .video-info .share-links {
  text-align: right;
  margin-top: 20px;
  font-size: 12px;
  /*a*/
  /*img*/
}
#video-viewer .video-info .share-links a {
  display: inline-block;
  margin-left: 4px;
  margin-bottom: 10px;
  margin-right: 5px;
  /*:after*/
  /*:hover*/
}
#video-viewer .video-info .share-links a:after {
  content: " ";
  /*attr(title); */
  display: inline-block;
  padding-left: 2px;
}
#video-viewer .video-info .share-links a:hover {
  text-decoration: none;
}
#video-viewer .video-info .share-links img {
  vertical-align: middle;
  margin-top: -2px;
}
#video-viewer:after {
  content: " ";
  font-size: 1px;
  display: block;
  clear: both;
}
/*#video-viewer*/
/*#VIDEO VIEWER*/
/*VIDEOS LIST*/
.videos-list {
  margin-left: -24px;
  margin-top: 0px;
  /*.item*/
  /*:after*/
}
.videos-list > .item {
  float: left;
  margin-left: 24px;
  margin-bottom: 30px;
  padding-bottom: 10px;
  width: 193.66px;
  /*.link*/
  /*.summary*/
}
.videos-list > .item > .link {
  display: block;
  position: relative;
  /*.thumb*/
  /*.title*/
  /*:hover*/
}
.videos-list > .item > .link .thumb {
  display: block;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
  background-color: #000;
  /*:before*/
}
.videos-list > .item > .link .thumb img {
  display: block;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}
.videos-list > .item > .link .thumb:before {
  content: " ";
  display: block;
  position: absolute;
  z-index: 1;
  width: 50px;
  height: 50px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
  background-image: url(../Images/play-icon2.png);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}
.videos-list > .item > .link > .title {
  font-family: Tahoma, Geneva, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}
.videos-list > .item > .link:hover {
  text-decoration: none;
  /*.thumb*/
  /*.title*/
}
.videos-list > .item > .link:hover .thumb {
  /*img*/
  /*:before*/
}
.videos-list > .item > .link:hover .thumb img {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.videos-list > .item > .link:hover .thumb:before {
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
}
.videos-list > .item > .link:hover .title {
  border-bottom: dotted 1px;
  color: #d64937;
}
.videos-list > .item > .summary {
  display: block;
  margin-top: 10px;
  font-size: 12px;
  color: #999999;
  /*:after*/
}
.videos-list > .item > .summary:after {
  content: " ";
  font-size: 1px;
  display: block;
  clear: both;
}
.videos-list:after {
  content: " ";
  font-size: 1px;
  display: block;
  clear: both;
}
/*.videos-list*/
/*#VIDEOS LIST*/