/*PIC*/
.pic {
  width: 205px;
  height: 114px;
  overflow: hidden;
  margin: 0px;

  float: left;
}

.pic#frontPg {
  width: 192px;
  height: 100px;
}

.pic:hover {
  cursor: pointer;
}

/*GROW*/
.grow img {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
  margin-top:-20px;
}

.grow#frontPg img {
  margin-top:-20px;
}

.cfvideo {
	cursor: pointer;
	position: relative;
	width: 100%;
	max-width: 205px;
	height: 220px;
	margin: 5px 6px 10px 0px;
	padding: 0;
	float: left;
	background-color: #ffffff;
	-webkit-box-shadow: 1px 1px 10px 1px #B8B8B8;
	-ms-box-shadow: 1px 1px 10px 1px #B8B8B8;
	-o-box-shadow: 1px 1px 10px 1px #B8B8B8;
	-moz-box-shadow: 1px 1px 10px 1px #B8B8B8;
	box-shadow: 1px 1px 10px 1px #B8B8B8;
	-webkit-transition: background-color .4s;
	-moz-transition: background-color .4s;
	-ms-transition: background-color .4s;
	-o-transition: background-color .4s;
	-webkit-transition: background-color .4s;
	
	color: #000000;
	border: 1px solid #cccccc;
}

.cfvideo#frontPg {
	max-width: 192px;
	margin: 5px 6px 30px 0px;
	height: 165px;
}

.cfvideo a {
	color: #000000;
}

.cfvideo:hover {
	background-color: #cc0033;
	color: #ffffff;
	border: 1px solid #999999;
	-webkit-box-shadow: 1px 1px 10px 1px #000000;
	-ms-box-shadow: 1px 1px 10px 1px #000000;
	-o-box-shadow: 1px 1px 10px 1px #000000;
	-moz-box-shadow: 1px 1px 10px 1px #000000;
	box-shadow: 1px 1px 10px 1px #000000;
	border: 1px solid #000000;
}

.cfvideo:hover .grow img {
  width: 320px;
  height: 240px;
  margin-left:-60px;
  margin-top:-55px;
}

.cfvideo:hover .grow#frontPg img {
  width: 250px;
  height: 188px;
  margin-left:-36px;
  margin-top:-40px;
}

.cfvideo:hover a {
	color: #ffffff;
}

.cfvideo:hover .vidContent .vidCredit {
	background-color:#000000;
}

.cfvideo:hover .vidContent .date {
	color: #000000;
}



.cfvideo .vidContent {
	padding:0px 0px 0px 0px;
}

.cfvideo .vidContent .img {
	cursor: pointer;
}

.cfvideo .vidContent .date {
	font: 10px Arial, Helvetica, Helvetica Neue, sans-serif;
	padding:0px 2px 0px 9px;
	text-transform: uppercase;
	color: #999999;
	font-style:italic;
	overflow: hidden;
	float:right;
	bottom: 4px;
	position: absolute;
	right: 6px;
}

.cfvideo .vidContent .headTitle {
	font: 16px Georgia, 'BebasNeueRegular', Helvetica, Helvetica Neue, Arial, sans-serif;
	padding:5px 4px 4px 10px;
	font-weight: bold;
	overflow: hidden;
	float:left;
	position: absolute;
	top: 115px;
}

.cfvideo .vidContent .headTitle#frontPg {
	font: 14px Georgia, 'BebasNeueRegular', Helvetica, Helvetica Neue, Arial, sans-serif;
	top: 100px;
}

.cfvideo .vidContent .vidDesc {
	color: #404040;
	font: 15px/20px Helvetica, Helvetica Neue, Arial, sans-serif;
	margin-top: 4px;
}

.cfvideo .vidContent .vidCredit {
	background-color:#dedede;
	position: absolute;
    bottom: -1px;
	left: -1px;
	border-bottom: 1px solid #999999;
	padding:4px 15px 4px 5px;
	width: auto;
	font: 10px Arial, Helvetica, Helvetica Neue, sans-serif;
	text-transform: uppercase;
}

.cfvideo .vidContent .vidCredit .author {
	font: 13px Georgia, Arial, Helvetica, Helvetica Neue, sans-serif;
	text-transform: none;
	font-style:italic;
	color:#cc0033;
}

.vidCreditSingle {
	display: inline-block;
	clear: both;
	background-color:#dedede;
	border-bottom: 1px solid #999999;
	padding:4px 15px 4px 5px;
	width: auto;
	font: 10px Arial, Helvetica, Helvetica Neue, sans-serif;
	text-transform: uppercase;
	margin:2px;
}

.vidCreditSingle .author {
	font: 13px Georgia, Arial, Helvetica, Helvetica Neue, sans-serif;
	text-transform: none;
	font-style:italic;
	color:#cc0033;
}