.storyImage {	margin: 0px 0px 20px 0px;	position: relative;	width: 100%;	top: 0px;	left: 0px;	background: #eeeeee;}.expandedView {	position: fixed;	width: 90%;	height: 90%;	left: 5%;	top: 5%;	border: none;	z-index: 40;	background: none;}.exvBg {	display: none;}.exvBgShow {	width: 100%;	position: fixed;	z-index: 7;	background: #000000;	opacity: .9;	display: block;	height: 100%;	top: 0px;	left: 0px;}.fotoWrap {	/*width: 100%;*/	position: relative;	padding-top: 56.25%;	width: 100%;	box-sizing: border-box;	-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;}.fotoWrapOpen {	min-height: 100%;	max-height: 100%;	overflow: hidden;}.photoR {	max-width: 100%;	max-height: 100%;	position: absolute;	left: 50%;	top: 50%;	transform: translate(-50%, -50%);	-webkit-transform: translate(-50%, -50%);	-moz-transform: translateY(-50%, -50%);}.photoNav {	width: 100%;	z-index: 1;	height: 0px;	overflow: visible;	top: 50%;	transform: translateY(-50%);	-webkit-transform: translateY(-50%);	-ms-transform: translateY(-50%);	-moz-transform: translateY(-50%);	-o-transform: translateY(-50%);	position: absolute;}#pImg {	float: left;	margin-left: 20px;}#nImg {	float: right;	margin-right: 20px;}#nImg img, #pImg img {	height: 48px;}#pImg:hover, #nImg:hover {	opacity:.75;	cursor: pointer;}#mediaWrapper{   margin: auto;}#stripWrap{   overflow: auto;   height: 150px;   width: 540px;}#fullSize{   text-align: center;   width: 530px;   min-height: 240px;   background-color: #000;   margin-top: 25px;   padding: 5px;}.mediaControls {	height: 0px;	overflow: hidden;	transition: height 250ms;	-webkit-transition: height 250ms;	padding: 0px;	z-index: 1;	background-color: transparent;	position: fixed;		top: 0px;}.photoDetails {	transition: height 250ms;	-webkit-transition: height 250ms;	z-index: 1;	background-color: transparent;	position: fixed;			bottom: 0px;	width: 100%;	left: 0px;	height: 0px;	}.pdOpen {	position: fixed;		bottom: 0px;	height: auto;	transition: height 250ms;	-webkit-transition: height 250ms;	background-image: url(/images/landOpacity.png);	z-index: 1;	background-color: transparent;		/*padding: 10px;*/}.mcOpen {	height: 36px;	overflow: hidden;	transition: height 250ms;	-webkit-transition: height 250ms;	background-image: url(/images/landOpacity.png);	z-index: 1;	background-color: transparent;	position: fixed;		display: block;}#photoTitle {	font-size: 1.5em;	box-sizing: border-box;	-ms-box-sizing: border-box;	-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;	width: 100%;}#photoCap {	font-size: 1em;	padding-bottom: 0px;	overflow: hidden;	text-overflow: ellipsis;	white-space: nowrap;	box-sizing: border-box;	-ms-box-sizing: border-box;	-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;	color: #ffffff;	width: 100%;   padding : 10px 10px 10px 10px;}.readMore {	clear: both;   float:right;	color: #bbbbbb;	width: auto;	text-decoration: underline;   padding : 0px 10px 10px 10px;}.readMore:hover {	opacity: .5;	cursor: pointer;}.storyMediaFrame{   width: 102px;   height: 77px;   padding: 25px 3px 26px 3px;   background-image: url(/images/FilmStrip.png);   background-repeat: no-repeat;}.storyCard{   width: 102px;   height: 77px;   background-color: #000;   display: block;   text-align: center;   vertical-align: middle;}.storyMedia{   background-color: #000;}/* media controls */.mediaControls {	width: 100%;	box-sizing: border-box;	-ms-box-sizing: border-box;	-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;	background: #dddddd;	padding: 0px;	clear: both;	background-image: url(/images/landOpacity.png);	z-index: 1;	background-color: transparent;	left: 0px;}.mControl {	opacity: 1;	top: 50%;	right: 10px;	transform: translateY(-50%);	-webkit-transform: translateY(-50%);	-ms-transform: translateY(-50%);	-moz-transform: translateY(-50%);	-o-transform: translateY(-50%);	width: 24px;	height: 24px;	position: absolute;}.mControl:hover {	cursor: pointer;	opacity: .75;}#collapseView {	display: none;}/* end media controls */@media all and (min-width: 320px) and (max-width: 767px) {	.expandedView {		width: 100%;		height: 100%;		top: 0px;		left: 0px;	}	.photoNav {		height: 0px;		overflow: visible;		top: 50%;		transform: translateY(-50%);		-webkit-transform: translateY(-50%);		-ms-transform: translateY(-50%);		-moz-transform: translateY(-50%);		-o-transform: translateY(-50%);		position: absolute;	}	.photoNavOpen {		display: none;	}	.mediaControls {		height: 0px;		overflow: hidden;		transition: height 250ms;		-webkit-transition: height 250ms;		padding: 0px;		z-index: 1;		background-color: transparent;		position: fixed;			top: 0px;		left: 0px;	}	.photoDetails {		height: 0px;		overflow: hidden;		transition: height 250ms;		-webkit-transition: height 250ms;		/*padding: 0px 10px;*/		z-index: 1;		background-color: transparent;		position: fixed;				bottom: 0px;		width: 100%;	}	.mcOpen {		height: 36px;		overflow: hidden;		transition: height 250ms;		-webkit-transition: height 250ms;		background-image: url(/images/landOpacity.png);		z-index: 1;		background-color: transparent;		position: fixed;		}	.pdOpen {		position: fixed;			bottom: 0px;		height: auto;		transition: height 250ms;		-webkit-transition: height 250ms;		background-image: url(/images/landOpacity.png);		z-index: 1;		background-color: transparent;			/*padding: 10px;*/	}	.frmHide {		display: none;	}	.mControl {		float: none;		top: 50%;		transform: translateY(-50%);		-webkit-transform: translateY(-50%);		-ms-transform: translateY(-50%);		-moz-transform: translateY(-50%);		-o-transform: translateY(-50%);		width: 18px;		height: 18px;		position: absolute;	}}